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

44
src/apps/AppVillagersCircle/commentList.vue
View File

@@ -1,36 +1,34 @@
<template>
<div class="commentList">
<!-- 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="data.length">
<div class="card-item" v-for="(item,index) in data" :key="index" @click="toDetail(item)">
<div class="card-title" v-if="item.villagerCircleInfo && item.villagerCircleInfo.content">{{ item.villagerCircleInfo.content }}</div>
<div class="card-name">
<div class="name" v-if="item.villagerCircleInfo && item.villagerCircleInfo.topic">{{$dict.getLabel('villagerCircleTopic',item.villagerCircleInfo.topic)}}</div>
<div class="time" v-if="item.villagerCircleInfo && item.villagerCircleInfo.createTime">{{ item.villagerCircleInfo.createTime }}</div>
</div>
<div class="card-type">
<div class="comment">
<span>{{ item.replyUserName}}</span><span>:</span><span>{{ item.content }}</span>
</div>
<div class="type" :style="{color: item.status==0? '#4181FF':item.status==1? '#07c160' : '#dd5347'}">{{$dict.getLabel('auditStatus',item.status)}}</div>
</div>
<!-- 列表 -->
<div class="card-list" v-if="data.length">
<div class="card-item" v-for="(item,index) in data" :key="index" @click="toDetail(item)">
<div class="card-title" v-if="item.villagerCircleInfo && item.villagerCircleInfo.content">{{ item.villagerCircleInfo.content }}</div>
<div class="card-name">
<div class="name" v-if="item.villagerCircleInfo && item.villagerCircleInfo.topic">{{$dict.getLabel('villagerCircleTopic',item.villagerCircleInfo.topic)}}</div>
<div class="time" v-if="item.villagerCircleInfo && item.villagerCircleInfo.createTime">{{ item.villagerCircleInfo.createTime }}</div>
</div>
<div class="card-type">
<div class="comment">
<span>{{ item.replyUserName}}</span><span>:</span><span>{{ item.content }}</span>
</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" v-else style="padding-top: 100px;"></AiEmpty>
<u-select v-model="showType" :list="list" label-name="dictName" value-name="dictValue"
@confirm="confirmTypeSelect"/>
</div>
</template>
@@ -158,7 +156,7 @@ export default {
.card-list {
width: 100%;
padding: 0 32px;
padding: 200px 32px 0 32px;
box-sizing: border-box;
background: #f5f5f5;