浏览代码

专栏列表修改完成

jwyu 2 年之前
父节点
当前提交
467d181636
共有 2 个文件被更改,包括 27 次插入10 次删除
  1. 1 0
      pages-report/reportList.vue
  2. 26 10
      pages-report/specialColumn/list.vue

+ 1 - 0
pages-report/reportList.vue

@@ -235,6 +235,7 @@ page{
       background-color: #f5f5f5;
       flex-shrink: 0;
       margin-right: 20rpx;
+      border-radius: 8rpx;
     }
     .con {
       flex: 1;

+ 26 - 10
pages-report/specialColumn/list.vue

@@ -10,19 +10,12 @@
           <image class="avatar" :src="item.home_img_url" mode="aspectFill" lazyload></image>
           <view class="content">
             <view class="title">{{item.classify_name_second}}</view>
-            <view class="author">
+            <view class="van-ellipsis author">
               <text style="margin-right:20rpx">{{item.report_author}}</text>
-              <text>{{item.vip_title}}</text>
+              <text class="vip-text" v-if="item.vip_title">{{item.vip_title}}</text>
+              <text v-else>{{item.author_descript}}</text>
             </view>
           </view>
-          <!-- <image class="avatar" :src="item.home_img_url" mode="aspectFill" lazyload/>
-          <view class="content">
-            <view class="name">{{item.classify_name_second}}</view>
-            <view class="author">主讲人:{{item.report_author}}</view>
-            <view class="van-ellipsis job">{{item.author_descript}}</view>
-            <view class="num">第{{item.stage}}期 | {{item.product_name}}</view>
-          </view> -->
-
         </view>
       </view>
       
@@ -124,6 +117,7 @@ page{
       }
       .content{
         flex: 1;
+        overflow: hidden;
         .title{
           font-size: 34rpx;
           font-weight: 700;
@@ -134,6 +128,28 @@ page{
         .author{
           font-size: 28rpx;
           font-weight: 400;
+          .vip-text{
+            display: inline-block;
+            background-color: #FAF7EE;
+            font-size: 24rpx;
+            padding: 8rpx 15rpx;
+            border-radius: 23rpx;
+            line-height: 1;
+            position: relative;
+            padding-left: 38rpx;
+            &::before{
+              content: '';
+              display: inline-block;
+              width: 30rpx;
+              height: 30rpx;
+              background-image: url('../static/tag.png');
+              background-size: cover;
+              line-height: 1;
+              position: absolute;
+              top: 6rpx;
+              left: 8rpx;
+            }
+          }
         }
       }