27678

src/apps/AppVillagersCircle/commentList.vue

@@ -6,7 +6,9 @@
         <div class="item" :class="tabIndex == index ? 'active' : ''" v-for="(item, index) in tabs" :key="index" @click="tabClick(index)">{{item}}<span></span></div>
       </div>
       <div class="search-box">
-        <div class="integral-types" @click="showType = true">{{ topicType? topicType:'话题类型' }}<u-icon name="arrow-down"></u-icon></div>
+        <div class="integral-types" @click="showType = true">
+          <span>{{ topicType? topicType:'话题类型' }}</span>
+          <u-icon name="arrow-down"></u-icon></div>
         <u-search placeholder="请输入发布内容/评论人" v-model="content" :show-action="false" @search="getList()" @clear="getList()"></u-search>
       </div>
     </div>
@@ -150,7 +152,21 @@ export default {
     box-sizing: border-box;
 
     .integral-types {
-      width: 30%;
+      display: flex;
+      width: 180px;
+      white-space:nowrap;
+      justify-content:flex-start;
+      margin-right: 20px;
+      span {
+        display: block;
+        width:160px;
+        overflow:hidden;
+        text-overflow:ellipsis;
+        white-space:nowrap;
+      }
+      u-icon {
+        width: 40px;
+      }
     }
   }