bug fixes

src/pages/course/tag/courseTagMessage.vue

@@ -7,7 +7,9 @@
       <template v-if="data.tag && data.tag.length">
         <ul class="message-tag-list" ref="content">
           <template v-for="item in data.tag">
-            <li class="course-tag-item" :key="item.id" @click="onClick(item)">{{item.title}}</li>
+            <li class="course-tag-item" :key="item.id" @click="onClick(item)">
+              <p>{{item.title}}</p>
+            </li>
           </template>
         </ul>
       </template>
@@ -109,18 +111,21 @@ export default {
 }
 .course-tag-item {
   display: inline-block;
+  max-width: 100%;
   height: 24px;
   margin: 0 10px 10px 0;
   padding: 0 15px;
+  background: #67a8ff;
+  border-radius: 12px;
+  cursor: pointer;
+  p {
     font-size: 13px;
     color: #fff;
     line-height: 24px;
-  background: #67a8ff;
-  border-radius: 12px;
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
-  cursor: pointer;
+  }
 }
 .more {
   padding-top: 10px;

src/pages/pay/index.vue

@@ -37,6 +37,13 @@ export default {
     }
   },
   methods: {
+    async init() {
+      const isLogin = await this.$store.dispatch('checkLogin')
+      if (isLogin) {
+        this.getOrderStatus()
+        this.orderStatusTime = setInterval(this.getOrderStatus, 1000)
+      }
+    },
     // 已购买
     goHome() {
       this.$toast('您已购买！')
@@ -74,9 +81,7 @@ export default {
     }
   },
   beforeMount() {
-    this.getOrderStatus()
-    this.orderStatusTime && clearInterval(this.orderStatusTime)
-    this.orderStatusTime = setInterval(this.getOrderStatus, 1000)
+    this.init()
   },
   destroyed() {
     this.orderStatusTime && clearInterval(this.orderStatusTime)

src/router/routes.js

@@ -122,7 +122,6 @@ export default [
   {
     path: '/pay',
     name: 'pay',
-    component: () => import('../pages/pay/index.vue'),
-    meta: { requiredLogin: true }
+    component: () => import('../pages/pay/index.vue')
   }
 ]

src/style.scss

@@ -101,7 +101,6 @@ body {
 .main-container {
   margin: 0 0.4rem;
   padding-bottom: env(safe-area-inset-bottom);
-  overflow: hidden;
 }
 .main-tabs .van-hairline--top-bottom::after {
   border-top: 0;