27678
This commit is contained in:
@@ -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;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user