9.0

components/ItemComponent/reportItem.vue

@@ -1,11 +1,16 @@
 <template>
   <view class="container-report-item" @click="goDetail(list)">
-    <view class="item-title text-Line">{{ list.Title }}</view>
-    <view class="item-content">
-      <text>核心观点:</text>
-      <rich-text class="text-Line rich-text-item" v-if="list.Annotation" :nodes="list.Annotation"></rich-text>
+    <view class="item-title">
+      <text class="title">{{ list.Title }}</text>
     </view>
-    <view class="item-abstract text-Line" v-if="list.Abstract"> 摘要：{{ list.Abstract }} </view>
+    <view class="item-image" v-if="list.BodyHtml">
+      <image :src="list.BodyHtml"></image>
+    </view>
+    <text class="item-content">{{ list.ArticleResponse == 4 ? "核心观点" : "核心结论" }}:</text>
+    <view class="item-rich-text">
+      <rich-text :nodes="richTextClamp + list.Annotation + '</div>'"></rich-text>
+    </view>
+    <view class="item-abstract text-Line" v-if="list.Abstract && list.ArticleResponse != 1"> 摘要：{{ list.Abstract }} </view>
     <view class="item-time">
       <text>{{ list.PublishDate }}</text>
       <view class="item-examine" v-if="list.IsResearch">
@@ -29,7 +34,9 @@ export default {
     },
   },
   data() {
-    return {};
+    return {
+      richTextClamp: '<div style="min-height: 50px;line-clamp: 7;-webkit-line-clamp: 7;-webkit-box-orient: vertical;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;">',
+    };
   },
   computed: {},
   watch: {},
@@ -60,9 +67,18 @@ export default {
     font-weight: 500;
     color: #333333;
     line-height: 38rpx;
-    -webkit-line-clamp: 3;
-    line-clamp: 3;
     text-indent: 0.5em;
+
+    .title {
+      text-overflow: -o-ellipsis-lastline;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      display: -webkit-box;
+      -webkit-line-clamp: 3;
+      line-clamp: 3;
+      -webkit-box-orient: vertical;
+    }
+
     &::before {
       content: "";
       position: absolute;
@@ -74,18 +90,25 @@ export default {
     }
   }
 
-  .item-content {
-    min-height: 140rpx;
+  .item-content,
+  .item-rich-text {
     font-size: 26rpx;
     font-weight: 400;
     color: #666666;
     line-height: 30rpx;
-    margin: 10rpx 0;
-    .rich-text-item {
-      line-height: 30rpx;
-      overflow: hidden;
-      -webkit-line-clamp: 7;
-      line-clamp: 7;
+  }
+  .item-content {
+    margin-top: 10rpx;
+  }
+  .item-rich-text {
+    margin-bottom: 10rpx;
+  }
+  .item-image {
+    height: 242rpx;
+    margin: 15rpx 0;
+    image {
+      width: 100%;
+      height: 100%;
     }
   }
   .item-abstract {

pages.json

@@ -383,8 +383,8 @@
       {
         "pagePath": "pages/index/index",
         "text": "最新",
-        "iconPath": "static/img/tab/my_ico.png",
-        "selectedIconPath": "static/img/tab/my_actico.png"
+        "iconPath": "static/img/tab/new_icon.png",
+        "selectedIconPath": "static/img/tab/new_act.png"
       },
       {
         "pagePath": "pages/material/material",