样式修改

questionnair/src/app/page1/page1.component.html

@@ -4,7 +4,7 @@
   </div>
   <div class="tips">
     <span style="color:red;">*</span>
-    <span>本测试仅需三分钟</span>
+    <span>本测试大约需要1分钟</span>
   </div>
   <!-- <div class="footer" routerLink="/question1">
     <div>获取家庭分析报告</div>

questionnair/src/app/page16/page16.component.ts

@@ -110,5 +110,7 @@ export class Page16Component implements OnInit {
         this.selectedProvinceObj = option
       }
     })
+    console.log(this.selectedProvinceObj)
   }
+  
 }

questionnair/src/styles.css

@@ -9,7 +9,7 @@ html, body {
     height:100%;
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif,
     "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-    overflow: hidden;
+    /* overflow: hidden; */
 }
 img{
     max-width: 100%;
@@ -38,7 +38,7 @@ ul li,ol li{
     display: flex;
     justify-content: center;
     align-items: center;
-    margin: 5%;
+    margin: 6% auto;
 }
 .footer{
     display: flex;
@@ -52,14 +52,17 @@ ul li,ol li{
     color: #fff;
     border-radius: 10px;
     box-shadow: 0px 15px 16px -8px #f4bbbe;
+    position: relative;
+    bottom: 10px;
 }
 /* .layout.cityLayout{
     padding:10px 0;
 } */
 .content{
-    max-height: 510px;
+    /* max-height: 525px; */
     overflow: auto;
     -webkit-overflow-scrolling: touch;
+    padding-bottom: 75px;
 }
 /* .layout.cityLayout .questionTitle{
     margin:0 10px;
@@ -67,8 +70,8 @@ ul li,ol li{
 .questionTitle{
     color:#ec2d37;
     font-size: 26px;
-    height: 70px;
-    line-height: 70px;
+    height: 60px;
+    line-height: 60px;
     width: 100%;
     display: flex;
 }
@@ -86,10 +89,10 @@ ul li,ol li{
 .content_footer{
     display: flex;
     width: 100%;
-    position: absolute;
-    bottom: 10px;
+    position: fixed;
+    bottom: 0;
     background-color: #fff;
-    
+    padding-bottom:15px; 
 }
 .content_footer div{
     text-align: center;
@@ -138,6 +141,7 @@ ul li,ol li{
 .income{
     display: flex;
     flex-wrap: wrap;
+    margin-bottom: 0;
 }
 .income li{
     width: 49%;