样式优化

src/pages/index.vue

@@ -39,9 +39,9 @@
           <view class="nav-title u-font-32 bold line-44 u-text-center"
                 :style="{
               paddingTop: `${navTitleStyle.paddingTop}rpx`,
-              paddingBottom: `${navTitleStyle.paddingBottom}rpx`,
-              lineHeight: `${navTitleStyle.lineHeight}rpx`,
-              fontSize: `${navTitleStyle.fontSize}rpx`
+              lineHeight: '44rpx',
+              fontSize: `${navTitleStyle.fontSize}rpx`,
+              opacity: navTitleStyle.opacity
             }">
             首页
           </view>
@@ -119,7 +119,8 @@ export default {
         paddingTop: 0,
         paddingBottom: 0,
         lineHeight: 0,
-        fontSize: 0
+        fontSize: 0,
+        opacity: 0
       },
       activityListPT: 0,
       bannerList: [],
@@ -232,9 +233,10 @@ export default {
         paddingTop: this.navHeight,
         paddingBottom: 30,
         lineHeight: 44,
-        fontSize: 32
+        fontSize: 32,
+        opacity: 1
       }
-      this.activityListPT = this.navHeight + 82
+      this.activityListPT = this.navHeight + 100
     },
     unStickyFixed () {
       this.isSticky = false
@@ -243,7 +245,8 @@ export default {
         paddingTop: 0,
         paddingBottom: 0,
         lineHeight: 0,
-        fontSize: 0
+        fontSize: 0,
+        opacity: 0
       }
       this.activityListPT = 0
     },
@@ -345,7 +348,7 @@ export default {
       background-color: #fff;
       .nav-title {
         box-sizing: border-box;
-        padding-bottom: 30px;
+        padding-bottom: 0;
         transition: padding 1s;
       }
     }