update

components/about/news.vue

@@ -3,17 +3,26 @@
     <img src="https://zws-imgs-pub.ezijing.com/static/public/a72ef577c9bae694c6bfc33e5bfc93af.png" alt="" class="banner">
     <ul class="list-content">
       <template v-for="(item, index) in listData">
-        <li :key="index" @click="goDetail(item)">
-          <img :src="item.web_img_uri" alt="">
-          <div class="right-con">
-            <div class="time">{{ item.created_at }}</div>
-            <div class="title">{{ item.title }}</div>
-            <div class="text">{{ item.abstract }}</div>
-          </div>
+        <li :key="index">
+          <a v-if="item.uri" :href="item.uri" target="_blank">
+            <img :src="item.web_img_uri" alt="">
+            <div class="right-con">
+              <div class="time">{{ item.created_at }}</div>
+              <div class="title">{{ item.title }}</div>
+              <div class="text">{{ item.abstract }}</div>
+            </div>
+          </a>
+          <a v-else :href="`/about/news-detail?id=${item.id}`">
+            <img :src="item.web_img_uri" alt="">
+            <div class="right-con">
+              <div class="time">{{ item.created_at }}</div>
+              <div class="title">{{ item.title }}</div>
+              <div class="text">{{ item.abstract }}</div>
+            </div>
+          </a>
         </li>
       </template>
     </ul>
-    <!-- // -->
   </div>
 </template>
 <script>
@@ -34,20 +43,6 @@ export default {
     })
   },
   methods: {
-    goDetail(item) {
-      this.$axios.get(`/api/cms/api/v1/article/${item.id}/detail`).then(res => {
-        if (res.data.uri) {
-          window.location.href = res.data.uri
-        } else {
-          this.$router.push({
-            path: '/about/news-detail',
-            query: {
-              id: item.id
-            }
-          })
-        }
-      })
-    }
   }
 }
 </script>
@@ -65,12 +60,14 @@ export default {
     padding: 50px;
     background: #fff;
     li{
-      display: flex;
-      flex-wrap: wrap;
       border-bottom: 1px solid #E6E6E6;
       margin-bottom: 20px;
       padding-bottom: 36px;
       cursor: pointer;
+      a{
+        display: flex;
+        flex-wrap: wrap;
+      }
       &:hover{
         .right-con{
           background: rgba(241,241,241, 0.6);