BUG 119

src/project/fengdu/AppCircle/AppCircle.vue

@@ -2,8 +2,8 @@
   <div class="AppCircle">
     <div class="top">
       <div class="left">
-        <span @click="changeTab(0)" :class="[currIndex === 0 ? 'active' : '']">广场</span>
-        <span @click="changeTab(1)" :class="[currIndex === 1 ? 'active' : '']">社区</span>
+        <span @click="changeTab(0)" :class="{active:currIndex === 0}">广场</span>
+        <span @click="changeTab(1)" :class="{active:currIndex === 1}">社区</span>
       </div>
       <div class="right" @click="$linkTo('./MyPostList')" hover-class="text-hover">
         <span>我的贴子</span>
@@ -40,10 +40,10 @@
         <div class="item-content">
           <span hover-stop-propagation v-if="item.themeId"
                 @click.stop="$linkTo('./TopicDetail?themeId=' + item.themeId + '&name=' + item.topicName)">#【{{ item.topicName }}】</span>
-          <text>{{ item.content }}</text>
+          <text class="row2">{{ item.content }}</text>
         </div>
         <div class="item-imgs" v-if="item.files.length">
-          <image mode="aspectFill" @click.stop="previewImage(e.url, item.files)" v-for="(e, i) in item.files" :key="i" :src="e.url"/>
+          <image mode="aspectFill" @click.stop="previewImage(e.url, item.files)" v-for="(e, i) in item.files.slice(0,3)" :key="i" :src="e.url"/>
         </div>
         <p>{{ item.createTime }}</p>
         <div class="item-bottom">
@@ -62,7 +62,7 @@
           </div>
         </div>
       </div>
-      <AiEmpty v-if="!list.length"></AiEmpty>
+      <AiEmpty v-if="!list.length"/>
     </div>
     <div class="add" hover-class="text-hover" @click="toAdd">
       <image src="https://cdn.cunwuyun.cn/wxmp/fengdu/ic-fatie.png"/>
@@ -497,5 +497,13 @@ export default {
       }
     }
   }
+
+  .row2 {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+  }
 }
 </style>