tijiao

pages/TaihuPublicWelfare/index/index.vue

@@ -7,7 +7,7 @@
     <public-module></public-module>
 
     <view class="header_box">
-      <view class="header_bg" :style="`margin-top:${statusBarHeight * 2}rpx`">
+      <view class="header_bg" :style="``">
         <text class="PM_font" style="color: #7f2000">太湖公益</text>
       </view>
     </view>
@@ -20,7 +20,7 @@
 
     <view
       class="main_content_box"
-      :style="`height:calc(100vh - ${(130 + statusBarHeight) * 2}rpx)`"
+      :style="``"
     >
       <view class="curriculum_box cate_box">
         <view
@@ -364,6 +364,7 @@ export default {
           }
           if (res.code == 0 && res.page && res.page.records.length > 0) {
             that.goodsList = that.goodsList.concat(res.page.records);
+          
             that.$forceUpdate();
           } else {
             //
@@ -526,15 +527,17 @@ function calcTimer(timer) {
 @import "@/style/mixin.scss";
 .header_box {
   width: 100%;
-  height: 260rpx;
+  height: 350rpx;
 
   display: flex;
   justify-content: center;
+  align-items: center;
+
   overflow: hidden;
 
   color: #fff;
   font-size: 80rpx;
-  line-height: 260rpx;
+  // line-height: 260rpx;
 }
 .cate_box {
   display: flex;
@@ -559,7 +562,7 @@ function calcTimer(timer) {
 
 .main_content_box {
   width: 100%;
-  margin-top: 0rpx;
+ height: calc(100vh - 350rpx);
   background-color: rgba(255, 255, 255, 0.65);
   padding: 27rpx;
   //   padding-top: 0rpx;
@@ -718,6 +721,8 @@ function calcTimer(timer) {
 }
 
 .commonPageBox {
+  width: 100%;
+  height: 100vh;
   // background-image: linear-gradient(
   //   to bottom,
   //   #fff7ea 25%,