报告列表页修改

mixin/index.js

@@ -50,7 +50,7 @@ module.exports = {
      * 报告时间格式化
      */
     formatReportTime(e){
-      return moment(e).format('YYYY.MM.DD HH:mm')
+      return moment(e).format('YYYY.MM.DD')
     }
 
   },

pages-report/reportList.vue

@@ -17,11 +17,10 @@
       <view class="flex item" v-for="item in list" :key="item.report_id" @click="goReportDetail(item)">
         <image class="img" :src="item.report_img_url" mode="aspectFill" />
         <view class="con">
-          <view class="title-info" v-html="item.title_info"></view>
           <view class="title" v-html="item.title"></view>
-          <view class="tips" v-html="item.abstract"></view>
-          <view class="time">{{item.publish_time|formatReportTime}}</view>
-          <view :class="['audio-box',!item.auth_ok&&'grey-audio-box']" @click.stop="handleClickAudio(item)">
+          <view class="info" v-html="item.classify_name_second"></view>
+          <view class="time">{{item.stage}}期 | {{item.publish_time|formatReportTime}}</view>
+          <view :class="['audio-box',!item.auth_ok&&'grey-audio-box']" @click.stop="handleClickAudio(item)" v-if="item.auth_ok">
             <image :src="curAudioReportId==item.report_id&&!curAudioPaused?'./static/audio-s.png':'./static/audio.png'" mode="aspectFill"/>
             <text>{{curAudioReportId==item.report_id&&!curAudioPaused?'暂停':'播放'}}</text>
           </view>
@@ -95,7 +94,7 @@ export default {
     this.classifyId=options.classifyId
     this.classifyName=options.classifyName
     // 设置title
-    uni.setNavigationBarTitle({ title: decodeURIComponent(options.classifyName)+'列表' })
+    uni.setNavigationBarTitle({ title: decodeURIComponent(options.classifyName) })
     this.getList()
     this.getClassifyList()
   },
@@ -225,13 +224,14 @@ page{
   }
 }
 .report-list-wrap {
-    padding: 0 34rpx;
+  padding: 0 34rpx;
   .item {
+    padding-bottom: 30rpx;
     margin-bottom: 30rpx;
+    border-bottom: 1px solid #EDEDED;
     .img {
       width: 120rpx;
       height: 160rpx;
-      border-radius: 16rpx;
       background-color: #f5f5f5;
       flex-shrink: 0;
       margin-right: 20rpx;
@@ -245,16 +245,13 @@ page{
         font-weight: bold;
         margin-bottom: 8rpx;
       }
-      .title-info{
-        font-size: 28rpx;
-      }
-      .tips {
-        color: #666666;
-        margin-bottom: 10rpx;
-        min-height: 34rpx;
-      }
+      
       .time {
+        position: absolute;
         color: #666666;
+        bottom: 0;
+        left: 0;
+        font-size: 28rpx;
       }
       .audio-box {
         position: absolute;
@@ -262,7 +259,7 @@ page{
         right: 0;
         width: 99rpx;
         height: 39rpx;
-        background: linear-gradient(100deg, #e3b377 0%, #ffddb1 100%);
+        background: #E3B377;
         border-radius: 20rpx;
         color: #fff;
         font-size: 24rpx;

pages-report/specialColumn/detail.vue

@@ -27,10 +27,9 @@
             <view class="flex item" v-for="item in list" :key="item" @click="goDetail(item)">
                 <image class="img" :src="item.report_img_url" mode="aspectFill" lazy-load/>
                 <view class="con">
-                    <view class="title">【第{{item.stage}}期|FICC】{{item.classify_name_second}}</view>
-                    <view class="tips" v-html="item.abstract"></view>
+                    <view class="title">【第{{item.stage}}期】{{item.classify_name_second}}</view>
                     <view class="time">{{item.publish_time|formatReportTime}}</view>
-                    <view :class="['audio-box',!info.auth_ok&&'grey-audio-box']" @click.stop="handleClickAudio(item)">
+                    <view v-if="info.auth_ok" :class="['audio-box',!info.auth_ok&&'grey-audio-box']" @click.stop="handleClickAudio(item)">
                         <image :src="curAudioReportId==item.report_id&&!curAudioPaused?'../static/audio-s.png':'../static/audio.png'" mode="aspectFill"/>
                         <text>{{curAudioReportId==item.report_id&&!curAudioPaused?'暂停':'播放'}}</text>
                     </view>
@@ -267,28 +266,31 @@ page{
         .item{
             margin-bottom: 30rpx;
             .img{
-                width: 120rpx;
-                height: 160rpx;
-                border-radius: 16rpx;
+                width: 118rpx;
+                height: 118rpx;
+                border-radius: 50%;
                 background-color: #f5f5f5;
                 flex-shrink: 0;
-                margin-right: 20rpx;
+                margin-right: 12rpx;
             }
             .con{
                 flex: 1;
                 position: relative;
                 overflow: hidden;
+                line-height: 1;
                 .title{
                     font-size: 32rpx;
                     font-weight: bold;
                     margin-bottom: 8rpx;
+                    padding-top: 10rpx;
+                    color: #333;
                 }
-                .tips{
-                    color: #666666;
-                    margin-bottom: 10rpx;
-                    min-height: 38rpx;
-                }
+                
                 .time{
+                    position: absolute;
+                    bottom: 0;
+                    left: 12rpx;
+                    line-height: 1.7;
                     color: #666666;
                 }
                 .audio-box{

pages-report/specialColumn/list.vue

@@ -6,13 +6,19 @@
       </view>
       <view class="list" v-else>
         <view class="flex item" v-for="item in list" :key="item.classify_id_second" @click="goDetail(item)">
-          <image class="avatar" :src="item.home_img_url" mode="aspectFill" lazyload/>
+          <text class="stage">第{{item.stage}}期</text>
+          <image class="avatar" :src="item.home_img_url" mode="aspectFill" lazyload></image>
+          <view class="content">
+
+          </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>
       </view>
       
@@ -80,34 +86,38 @@ page{
   padding: 34rpx;
   .list{
     .item{
-      margin-bottom: 30rpx;
+      margin-bottom: 20rpx;
+      padding: 37rpx 30rpx 37rpx 37rpx;
+      background: #FFFFFF;
+      border: 1px solid #E6E6E6;
+      box-sizing: border-box;
+      box-shadow: 0px 0px 20rpx rgba(0, 0, 0, 0.08);
+      border-radius: 16rpx;
+      position: relative;
+      overflow: hidden;
+      .stage{
+        position: absolute;
+        top: 0;
+        right: 0;
+        display: block;
+        background-color: #E3B377;
+        border-bottom-left-radius: 16rpx;
+        padding: 4rpx 10rpx;
+        text-align: center;
+        color: #FFFFFF;
+        font-size: 24rpx;
+        min-width: 126rpx;
+        text-align: center;
+        box-sizing: border-box;
+      }
       .avatar{
+        width: 180rpx;
+        height: 180rpx;
+        border-radius: 50%;
         flex-shrink: 0;
-        margin-right: 30rpx;
-        width: 160rpx;
-        height: 214rpx;
-        border-radius: 16rpx;
-        background-color: #f5f5f5;
-      }
-      .content{
-        flex: 1;
-        overflow: hidden;
-        .name{
-          font-size: 32rpx;
-          font-weight: bold;
-        }
-        .author{
-          color: #666;
-          margin: 10rpx 0;
-        }
-        .job{
-          color: #666;
-        }
-        .num{
-          margin-top: 20rpx;
-          color: #E3B377;
-        }
+        margin-right: 20rpx;
       }
+
     }
   }
 }