BUG 29419

src/apps/AppInfotainment/newsList.vue

@@ -3,7 +3,7 @@
     <div class="header" v-if="tabList.length">
       <div class="header-tab">
         <img src="https://cdn.cunwuyun.cn/dvcp/live/dh.png" alt="" class="more-icon" @click="toSelect()">
-        <u-tabs :list="tabList" :current="currIndex" @change="changeTab" style="width:650rpx" is-scroll :font-size="26"></u-tabs>
+        <u-tabs :list="tabList" :current="currIndex" @change="changeTab" style="width:650px" is-scroll :font-size="26"></u-tabs>
         <!-- <div v-for="(item, index) in tabList" :key="index" @click="changeTab(item.id)" v-if="index < 5" :class="currId == item.id ? 'tab-item active-item' : 'tab-item'">{{item.name}}<span class="active-line" v-if="currId == item.id"></span></div> -->
       </div>
     </div>
@@ -11,7 +11,7 @@
       <!-- <div class="item" hover-class="bg-hover" v-for="(item, index) in newsList" :key="index" @click="toDetail(item)">
         <div class="item-wrapper solid" style="display: flex">
           <div class="item-left flex1">
-            <h2 :style="{marginBottom: item.type === '1' ? '16rpx' : '30rpx'}" v-if="item.type != '1'">{{ item.title }}</h2>
+            <h2 :style="{marginBottom: item.type === '1' ? '16px' : '30px'}" v-if="item.type != '1'">{{ item.title }}</h2>
             <div class="item-video" v-if="item.type === '1'">
               <p class="item-title">{{item.title}}</p>
               <image class="play-btn" src="https://cdn.cunwuyun.cn/dvcp/pay-btn.png" />
@@ -67,13 +67,12 @@
   },
   onShow() {
     document.title = this.parentName
-      this.getList()
+    this.getList().then(() => this.getListInit())
-      this.getListInit()
+
     uni.$on('update', (tabIndex) => {
       this.currIndex = tabIndex
       this.getListInit()
     })
-      // this.getListInit()
   },
 
   methods: {
@@ -98,7 +97,7 @@
 
     // 获取新闻分类
     getList() {
-        this.$http.post('/app/apppublicitycategory/list',null,{
+      return this.$http.post('/app/apppublicitycategory/list', null, {
         params: {
           parentId: this.parentId,
           categoryType: '2',
@@ -112,7 +111,7 @@
             parentId: item.parentId,
           })
         })
-          this.tabList = array
+        return this.tabList = array
       })
     },
 
@@ -152,14 +151,16 @@
 .header-tab {
   background-color: #fff;
   position: relative;
-    padding: 0 100rpx 0 0;
+  padding: 0 100px 0 0;
+
   .more-icon {
     position: absolute;
-      width: 40rpx;
+    width: 40px;
-      height: 38rpx;
+    height: 38px;
-      right: 32rpx;
+    right: 32px;
-      top: 20rpx;
+    top: 20px;
   }
+
   div {
     height: 80px;
     line-height: 80px;
@@ -167,15 +168,18 @@
     transition-duration: 1s;
     padding: 0px 30px;
   }
+
   .tab-item {
     color: #666;
     position: relative;
   }
+
   .active-item {
     color: #3376FD;
     font-weight: 600;
 
   }
+
   .active-line {
     width: 48px;
     height: 4px;
@@ -187,15 +191,18 @@
     background-color: #3376FD;
   }
 }
+
 .news-list {
   background: #FFF;
   padding-top: 90px;
   box-sizing: border-box;
+
   .item {
     padding: 30px 30px 20px 30px;
     display: flex;
     justify-content: space-between;
     border-bottom: 1px solid #DDDDDD;
+
     .left {
       h2 {
         font-size: 30px;
@@ -207,20 +214,24 @@
         -webkit-box-orient: vertical;
         -webkit-line-clamp: 2;
       }
+
       p {
         margin-top: 30px;
         font-size: 22px;
         color: #999999;
+
         span {
           margin-right: 15px;
         }
       }
 
     }
+
     .right {
       width: 224px;
       height: 140px;
       margin-left: 40px;
+
       img {
         width: 100%;
         height: 100%;
@@ -228,16 +239,17 @@
     }
   }
 }
+
 .news {
   min-height: 100vh;
-    padding-top: 96rpx;
+  padding-top: 96px;
   background: #fff;
 }
 
 .item-video {
   position: relative;
-    height: 388rpx;
+  height: 388px;
-    margin-bottom: 24rpx;
+  margin-bottom: 24px;
 
   .mask {
     position: absolute;
@@ -252,19 +264,19 @@
     top: 50%;
     left: 50%;
     z-index: 121;
-      width: 80rpx;
+    width: 80px;
-      height: 80rpx;
+    height: 80px;
     margin: 0;
     transform: translate(-50%, -50%);
   }
 
   .item-title {
     width: 100%;
-      padding: 0 30rpx 10rpx;
+    padding: 0 30px 10px;
-      font-size: 28rpx;
+    font-size: 28px;
     font-weight: 500;
     color: #FFF;
-      line-height: 40rpx;
+    line-height: 40px;
     position: absolute;
     bottom: 0;
     left: 0;
@@ -282,7 +294,7 @@
   .cover {
     display: block;
     width: 100% !important;
-      height: 388rpx!important;
+    height: 388px !important;
     margin-left: 0 !important;
   }
 }
@@ -292,10 +304,10 @@
 }
 
 .noMore {
-    line-height: 90rpx;
+  line-height: 90px;
   text-align: center;
   color: #999;
-    font-size: 26rpx;
+  font-size: 26px;
 }
 
 .news {
@@ -308,37 +320,37 @@
   top: 0;
   z-index: 10000;
   width: 100%;
-    padding: 8rpx 0;
+  padding: 8px 0;
   background: #fff;
 
   .header-search {
     display: flex;
     align-items: center;
-      width: 690rpx;
+    width: 690px;
-      height: 60rpx;
+    height: 60px;
-      margin: 0 auto 8rpx;
+    margin: 0 auto 8px;
-      padding: 0 32rpx;
+    padding: 0 32px;
     background: #0D6DDC;
-      border-radius: 30rpx;
+    border-radius: 30px;
 
     image {
       flex-shrink: 1;
-        width: 32rpx;
+      width: 32px;
       height: 32px;
-        margin-right: 12rpx;
+      margin-right: 12px;
     }
 
     input {
       flex: 1;
       height: 100%;
-        font-size: 28rpx;
+      font-size: 28px;
       color: #fff;
     }
   }
 }
 
 .item {
-    padding: 0 30rpx;
+  padding: 0 30px;
 
   &:first-child {
     .item-wrapper {
@@ -347,7 +359,7 @@
   }
 
   .item-wrapper {
-      padding: 30rpx 0 20rpx;
+    padding: 30px 0 20px;
     display: flex;
     align-items: center;
   }
@@ -356,9 +368,9 @@
     flex: 1;
 
     h2 {
-        margin-bottom: 32rpx;
+      margin-bottom: 32px;
       color: #333333;
-        font-size: 30rpx;
+      font-size: 30px;
       font-weight: 700;
     }
 
@@ -366,44 +378,45 @@
       display: flex;
 
       span {
-          margin-right: 10rpx;
+        margin-right: 10px;
         color: #999999;
-          font-size: 22rpx;
+        font-size: 22px;
 
         &:last-child {
           margin-right: 0;
         }
       }
+
       .top-text {
-          font-size: 22rpx;
+        font-size: 22px;
         color: #EF4645;
-          margin-right: 16rpx;
+        margin-right: 16px;
       }
     }
   }
 
   image {
     flex-shrink: 0;
-      width: 224rpx;
+    width: 224px;
-      height: 140rpx;
+    height: 140px;
-      // margin-left: 46rpx;
+    // margin-left: 46px;
   }
 }
 
 .no-more {
-    margin-top: 20rpx;
+  margin-top: 20px;
   text-align: center;
   color: #999;
 
   image {
-      width: 400rpx;
+    width: 400px;
-      height: 240rpx;
+    height: 240px;
   }
 
   p {
     text-align: center;
     color: #999;
-      font-size: 28rpx;
+    font-size: 28px;
   }
 }