kubbo/dvcp_v2_wxcp_app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

固定搜索框

Browse Source
This commit is contained in:
shijingjing
2022-02-25 15:15:18 +08:00
parent 9773610203
commit f62eeee220
4 changed files with 65 additions and 75 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
src/apps/AppVillagersCircle/infoList.vue
View File

@@ -1,35 +1,32 @@
<template>
<div class="infoList">
<!-- tab栏 -->
<div class="tab-select">
<div class="item" :class="tabIndex == index ? 'active' : ''" v-for="(item, index) in tabs" :key="index" @click="tabClick(index)">{{item}}<span></span></div>
</div>
<!-- 全部 -->
<div>
<div style="position: fixed; top: 0; left: 0;width: 100%;">
<div class="tab-select">
<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>
<u-search placeholder="请输入标题/发布人" v-model="content" :show-action="false" @search="getList()" @clear="getList()"></u-search>
</div>
<div class="card-list" v-if="villagerList.length">
<div class="card-item" v-for="(item,index) in villagerList" :key="index" @click="toDetail(item)">
<div class="card-title">{{ item.content }}</div>
<div class="card-name">
<div class="name">{{$dict.getLabel('villagerCircleTopic',item.topic)}}</div>
<div class="time">{{ item.createTime }}</div>
</div>
<div class="card-type">
<div>{{ item.createUserName }}</div>
<div class="type" :style="{color: item.status==0? '#4181FF':item.status==1? '#07c160' : '#dd5347'}">{{$dict.getLabel('auditStatus',item.status)}}</div>
</div>
</div>
<!-- 列表 -->
<div class="card-list" v-if="villagerList.length">
<div class="card-item" v-for="(item,index) in villagerList" :key="index" @click="toDetail(item)">
<div class="card-title">{{ item.content }}</div>
<div class="card-name">
<div class="name">{{$dict.getLabel('villagerCircleTopic',item.topic)}}</div>
<div class="time">{{ item.createTime }}</div>
</div>
<div class="card-type">
<div>{{ item.createUserName }}</div>
<div class="type" :style="{color: item.status==0? '#4181FF':item.status==1? '#07c160' : '#dd5347'}">{{$dict.getLabel('auditStatus',item.status)}}</div>
</div>
</div>
<AiEmpty description="暂无数据" class="emptyWrap" v-else></AiEmpty>
<u-select v-model="showType" :list="list" label-name="dictName" value-name="dictValue"
@confirm="confirmTypeSelect"/>
</div>
<AiEmpty description="暂无数据" class="emptyWrap" style="padding-top:100px" v-else></AiEmpty>
<u-select v-model="showType" :list="list" label-name="dictName" value-name="dictValue"
@confirm="confirmTypeSelect"/>
</div>
</template>
@@ -155,7 +152,7 @@ export default {
.card-list {
width: 100%;
padding: 0 32px;
padding: 200px 32px 0 32px;
box-sizing: border-box;
background: #f5f5f5;