This commit is contained in:
shijingjing
2022-02-25 16:04:10 +08:00
parent 89e209808b
commit 9df9ddfe5b
3 changed files with 56 additions and 6 deletions

View File

@@ -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;
}
}
}

View File

@@ -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;
}
}
}

View File

@@ -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;
}
}
}