bug

src/project/fengdu/AppCircle/AppCircle.vue

@@ -37,14 +37,14 @@
           <text>{{ item.content }}</text>
         </div>
         <div class="item-imgs" v-if="item.files.length">
-          <image mode="aspectFill" v-for="(item, index) in item.files" :key="index" :src="item.url" />
+          <image mode="aspectFill" @click.stop="previewImage(e.url, item.files)" v-for="(e, i) in item.files" :key="i" :src="e.url" />
         </div>
         <p>{{ item.createTime }}</p>
         <div class="item-bottom">
-          <div>
+          <button @click.stop="onBtnClick" open-type="share" :data-themeid="item.themeId" :data-id="item.id" :data-name="item.topicName">
             <image src="https://cdn.cunwuyun.cn/wxmp/fengdu/ic-zhuanfa.png" />
             <i>{{ item.sharedCount }}</i>
-          </div>
+          </button>
           <div>
             <image :src="item.appreciateStatus ? 'https://cdn.cunwuyun.cn/wxmp/fengdu/zan-active.png' : 'https://cdn.cunwuyun.cn/wxmp/fengdu/zan.png'" />
             <i>{{ item.appreciateCount }}</i>
@@ -108,6 +108,18 @@
     methods: {
       ...mapActions(['autoLogin']),
 
+      previewImage (url, files) {
+        console.log(url, files)
+        uni.previewImage({
+          current: url,
+          urls: files.map(v => v.url)
+        })
+      },
+
+      onBtnClick (e) {
+        console.log(e)
+      },
+
       getMyPublishCount () {
         this.$instance.post(`/app/appneighborhoodassistance/list`, null, {
           params: {
@@ -202,6 +214,13 @@
 
     onReachBottom () {
       this.getList()
+    },
+
+    onShareAppMessage (e) {
+      return {
+        title: this.title,
+        path: `/pages/AppCircle/Detail?id=${this.id}&themeId=${e.themeid}&name=${e.name}`
+      }
     }
   }
 </script>
@@ -322,7 +341,7 @@
           height: 88px;
           border-top: 1px solid #eeeeee;
 
-          div {
+          div, button {
             display: flex;
             align-items: center;
             justify-content: center;
@@ -341,10 +360,17 @@
           }
         }
 
+
         .item-content {
           margin: 16px 0;
           line-height: 1.3;
           text-align: justify;
+          word-break: break-all;
+          text-overflow: ellipsis;
+          overflow: hidden;
+          display: -webkit-box;
+          -webkit-box-orient: vertical;
+          -webkit-line-clamp: 2;
 
           span {
             font-size: 28px;