feat

src/App.vue

@@ -54,7 +54,7 @@ export default {
 #app {
   width: 100%;
   height: 100%;
-  overflow-y: auto;
+  // overflow-y: auto;
   // position: relative;
 }
 </style>

src/store/vote.js

@@ -10,10 +10,12 @@ export default {
     myprofile: {},
     toplist: [],
     list: [],
+    theme: 1,
   },
   mutations: {
     updateActivity(state, data) {
       state.activity = data || {}
+      state.theme = data.ActivityId || 1
     },
     updateUser(state, data) {
       state.user = data

src/views/vote/list.vue

@@ -14,8 +14,7 @@
         <van-tabs type="card" @click="finished = false">
           <van-tab>
             <div slot="title">
-              <span v-if="first" :class="active?newly1:newly2">最新上传</span>
-              <span v-else :class="active?newlyone:newlytwo">最新上传</span>
+              <span :class="{ [`theme${theme}`]: true, 'active': active }">最新上传</span>
             </div>
             <van-list
               v-model="loading"
@@ -41,8 +40,7 @@
           </van-tab>
           <van-tab title="TOP50">
             <div slot="title">
-              <span v-if="first" :class="active?newly1:newly2">TOP50</span>
-              <span v-else :class="active?newlyone:newlytwo">TOP50</span>
+              <span :class="{ [`theme${theme}`]: true, 'active': !active }">Top50</span>
             </div>
             <van-list v-model="loading" :finished="finished" finished-text="没有更多了" @load="loadTopList">
             <div class="LatestUpload">
@@ -86,14 +84,7 @@ export default {
   name: "lotterylist",
   data() {
     return {
-      first: false,
-      second: false,
       active: true,
-      isactive: true,
-      newly1: "newly1",
-      newly2: "newly2",
-      newlyone: "newlyone",
-      newlytwo: "newlytwo",
       temp: true,
       signupBtn: true,
       signupBtnOne: "signupBtnOne",
@@ -138,6 +129,7 @@ export default {
       newList: x => x.list,
       topList: x => x.toplist,
       user: x => x.user,
+      theme: x => x.theme,
     }),
   },
   created() {
@@ -147,12 +139,10 @@ export default {
       this.coverImgUrl = true;
       this.signupBtn = true;
       this.isOK = true;
-      this.first = true;
     } else if (this.actid == 2) {
       this.coverImgUrl = false;
       this.signupBtn = false;
       this.isOK = false;
-      this.second = true;
     }
     this.getActivity({
       actid: this.actid,
@@ -191,17 +181,6 @@ export default {
       'vote',
       'getMine',
     ]),
-    qh(t) {
-      this.temp = t;
-      if (t == true) {
-        this.active = true;
-        this.isactive = true;
-      } else {
-        this.active = false;
-        this.isactive = false;
-      }
-    },
-
     handleScroll() {
       // 页面滚动距顶部距离
       var scrollTop =
@@ -557,6 +536,24 @@ export default {
       flex-direction: column;
       align-items: center;
 
+
+      .theme1 {
+          width: 2rem;
+          font-size: 0.16rem;
+          font-family: PingFangSC-Medium;
+          font-weight: bolder;
+          color: rgba(255, 255, 255, 1);
+          background: rgba(217, 226, 233, 1);
+          line-height: 0.22rem;
+          border-radius: 0.06rem;
+          text-align: center;
+          padding: 0.09rem 0;
+
+          &.active {
+            background: rgba(166, 184, 201, 1);
+          }
+      }
+
       .sortlist1 {
         width: 94%;
         display: flex;