html:
<view class="search"><view class="search_padding"><u-search @change="search" placeholder="请输入成员名称" v-model="keyword"></u-search></view></view>
<view class="" style="background-color: #ffffff;"><u-collapse><u-collapse-item :open="item.open" @change="clicks(e)" :title="item.type_title"v-for="(item, index) in itemList" v-if="item.data.length != 0" :key="index"><view class="list" :style="items.status ? 'background-color: #F4F4F4;':''"v-for="(items,indexs) in item.data" :key="indexs" @click="click(index,indexs)"><image :src="items.img" mode=""></image><view class="" style="line-height: 60rpx;text-align: start;width: 80%;"><p>{{items.note}}</p><p>{{items.tel}}</p></view><u-checkbox-group><u-checkbox :checked="items.status"></u-checkbox></u-checkbox-group></view></u-collapse-item></u-collapse></view>
js:
itemList: [],
css:
.search {width: 100%;background-color: #ffffff;}.search_padding {width: 94%;margin-left: 3%;padding: 10px 0px;}.u-search__action {display: none !important;}
.list {width: 92%;display: flex;align-items: center;border: 1px solid #f4f4f4;padding: 8px 15px;justify-content: space-between;}.list image {width: 100rpx;height: 100rpx;border-radius: 10px;margin-right: 20rpx;}.u-collapse-item__content__text {padding: 0 !important;}