From 9df9ddfe5b53f215fa7d7a118e35f1c639f2577d Mon Sep 17 00:00:00 2001
From: shijingjing <1789544664@qq.com>
Date: Fri, 25 Feb 2022 16:04:10 +0800
Subject: [PATCH] 27678

---
 .../AppIntegralAudit/AppIntegralAudit.vue     | 22 +++++++++++++++++--
 src/apps/AppVillagersCircle/commentList.vue   | 20 +++++++++++++++--
 src/apps/AppVillagersCircle/infoList.vue      | 20 +++++++++++++++--
 3 files changed, 56 insertions(+), 6 deletions(-)

diff --git a/src/apps/AppIntegralAudit/AppIntegralAudit.vue b/src/apps/AppIntegralAudit/AppIntegralAudit.vue
index b16883d2..32c5c73a 100644
--- a/src/apps/AppIntegralAudit/AppIntegralAudit.vue
+++ b/src/apps/AppIntegralAudit/AppIntegralAudit.vue
@@ -6,7 +6,10 @@
         <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">{{ type? type : '积分类型' }}<u-icon name="arrow-down"></u-icon></div>
+        <div class="integral-types" @click="showType = true">
+          <span>{{ type? type : '积分类型' }}</span>
+          <u-icon name="arrow-down"></u-icon>
+        </div>
         <u-search placeholder="请输入关键字" v-model="keyword" :show-action="false" @search="search" @clear="getList()"/>
       </div>
     </div>
@@ -153,7 +156,22 @@ export default {
     box-sizing: border-box;
 
     .integral-types {
-      width: 45%;
+      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;
+      }
+
     }
   }
 
diff --git a/src/apps/AppVillagersCircle/commentList.vue b/src/apps/AppVillagersCircle/commentList.vue
index 3e62c6d1..98e17e30 100644
--- a/src/apps/AppVillagersCircle/commentList.vue
+++ b/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;
+      }
     }
   }
 
diff --git a/src/apps/AppVillagersCircle/infoList.vue b/src/apps/AppVillagersCircle/infoList.vue
index e7bfa662..be66edc5 100644
--- a/src/apps/AppVillagersCircle/infoList.vue
+++ b/src/apps/AppVillagersCircle/infoList.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>
@@ -146,7 +148,21 @@ export default {
     box-sizing: border-box;
 
     .integral-types {
-      width: 30%;
+      display: flex;
+      white-space:nowrap;
+      justify-content:flex-start;
+      margin-right: 20px;
+      width: 180px;
+      span {
+        display: block;
+        width:160px;
+        overflow:hidden;
+        text-overflow:ellipsis;
+        white-space:nowrap;
+      }
+      u-icon {
+        width: 40px;
+      }
     }
   }