瀏覽代碼

Merge branch 'master' of http://172.16.90.201:3000/veterans/veterans_H5

空白格 3 年之前
父節點
當前提交
f486a0560c
共有 2 個文件被更改,包括 41 次插入17 次删除
  1. 8 4
      h5_web/pages/policyInfo/policyInfo.vue
  2. 33 13
      h5_web/pages/policyInfo/scss/policyInfo.scss

+ 8 - 4
h5_web/pages/policyInfo/policyInfo.vue

@@ -11,7 +11,7 @@
       	name="bannerUrl"
       	border-radius="0"
       	mode="round"
-      	height="440"
+      	height="372"
       	img-mode="scaleToFill"
       	@click="swiperClick"
       ></u-swiper>
@@ -73,9 +73,13 @@
       </swiper>
     </view>
     
-    <view class="policyInfo-foot">
-      <view class="policyInfo-foot-container">
-        <u-button type="primary" class="policybtn">政策咨询</u-button>
+    <view class="policybtn">
+      <view class="policybtn-container">
+        <view class="policybtn-content">
+          <view>
+            <u-button type="primary" class="policysubmitbtn">政策咨询</u-button>
+          </view>
+        </view>
       </view>
     </view>
   </view>

+ 33 - 13
h5_web/pages/policyInfo/scss/policyInfo.scss

@@ -6,9 +6,6 @@ page {
 /* #endif */
 
 .policyInfo{
-  &-banner{
-    
-  }
   &-title{
     width: 100%;
     height: 82rpx;
@@ -30,8 +27,9 @@ page {
     background-color: #f2f2f2;
     display: flex;
     flex-direction: column;
-    height: 50vh;
+    height: calc(100vh - var(--window-top) - 458rpx);
     width: 100%;
+    padding-bottom: 120rpx;
     
     .swiper-box{
       flex: 1;
@@ -81,18 +79,40 @@ page {
     }
   }
   
-  &-foot{
-    width: 100%;
-    background-color: #FFFFFF;
-    position: fixed;
-    // bottom: 20rpx;
-    
-    &-container{
+  .policybtn{
+    .policybtn-container{
+      padding-bottom: env(safe-area-inset-bottom);
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      position: fixed;
+      bottom: 0;
+      left: 0;
       width: 100%;
-      padding: 20rpx 30rpx;
+      z-index: 998;
+      box-sizing: content-box;
+      background-color: #FFFFFF;
       
-      .policybtn{
+      .policybtn-content{
+        flex: 1;
+        justify-content: center;
         width: 100%;
+        height: 100%;
+        padding: 6px 0;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        position: relative;
+        background-color: #FFFFFF;
+        
+        view:first-child{
+          width: 100%;
+          padding: 8rpx 30rpx;
+          
+          .policysubmitbtn{
+            width: 100%;
+          }
+        }
       }
     }
   }