bug

src/apps/AppServicePublic/AppServicePublic.vue

@@ -10,30 +10,26 @@
       <div>区域选择</div>
       <AiAreaPicker v-model="areaId" :areaId="user.areaId" @select="areaSelect"></AiAreaPicker>
     </div>
-
-    <u-search class="serach_content" placeholder="请输入标题" :show-action="false" v-model="keyword" @clear="clearSearch"
-              @search="search"></u-search>
-
+    <u-search class="serach_content" placeholder="请输入标题" :show-action="false" v-model="keyword" @clear="clearSearch" @search="search"></u-search>
     <template v-if="datas.length > 0">
       <AiCard v-for="(item, i) in datas" :ref="item.id" :key="i" @click.native="toAdd(item, 1)">
         <template #custom>
           <div class="titles">{{ item.title }}</div>
-
+          <p class="item-content">{{item.content}}</p>
+          <div class="img-list" v-if="item.files.length">
+             <img :src="item.accessUrl" alt="" v-for="(item, index) in item.files" :key="index" v-if="index < 3" />
+          </div>
           <div class="flex">
             <span class="left">
-              <span class="garydiv" v-if="item.categoryName">{{ item.categoryName }}</span>
-              <span class="times">{{ item.createTime.substring(0, 10) }}</span>
+              <span class="type" v-if="item.categoryName">{{item.categoryName}}</span>
+              <span class="times">{{ item.createTime }}</span>
             </span>
 
             <span class="right">
-              <span class="font">{{ item.viewCount }}</span>
-              <span>人看过</span>
+              <img src="./img/view-icon.png" alt="">
+              <span>{{item.viewCount}}</span>
             </span>
           </div>
-
-          <div class="imgs">
-            <!-- <img :src="items.url" alt="" v-for="(items, i) in item.images" :key="i" @click.stop="previewImage(item.images, items.url)" /> -->
-          </div>
         </template>
 
         <template #menu>
@@ -99,7 +95,6 @@ export default {
       this.getList()
     })
     uni.setNavigationBarTitle({title: this.listName})
-    document.title = "三务公开"
   },
   methods: {
     getType() {
@@ -247,6 +242,7 @@ uni-page-body {
 
   ::v-deep .AiCard {
     background: #f3f6f9;
+    position: relative;
 
     .start {
       background: #fff;
@@ -254,10 +250,35 @@ uni-page-body {
       border-radius: 16px;
 
       .titles {
+        width: 600px;
         font-size: 32px;
         font-weight: 500;
         color: #333333;
         margin-bottom: 16px;
+        line-height: 50px;
+        word-break: break-all;
+      }
+
+      .item-content{
+        width: 100%;
+        word-break: break-all;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        display: -webkit-box;
+        -webkit-line-clamp: 3;
+        -webkit-box-orient: vertical;
+        font-size: 32px;
+        font-family: PingFangSC-Regular, PingFang SC;
+        color: #999;
+        line-height: 44px;
+      }
+
+      .img-list{
+        img{
+          width: calc(33% - 16px);
+          height: 204px;
+          margin: 0 16px 8px 0;
+        }
       }
 
       .flex {
@@ -274,21 +295,44 @@ uni-page-body {
           }
 
           .times {
-            margin-left: 16px;
             font-size: 28px;
             color: #999999;
           }
+
+          .type{
+            display: inline-block;
+            padding: 0 16px;
+            line-height: 48px;
+            background: #EEE;
+            border-radius: 24px;
+            font-size: 24px;
+            font-family: PingFangSC-Regular, PingFang SC;
+            font-weight: 400;
+            color: #999;
+            margin-right: 16px;
+          }
         }
 
         .right {
           font-size: 28px;
           color: #999;
-
+          img{
+            width: 32px;
+            height: 32px;
+            vertical-align: middle;
+            margin-right: 8px;
+          }
           .font {
             color: #4181ff;
           }
         }
       }
+
+      .iconfont-iconMore{
+        position: absolute;
+        top: 42px;
+        right: 32px;
+      }
     }
 
     .mask {