<van-popup v-model="showProject" position="bottom" get-container="body" class="pb20" :style="{ height: '80%', }" closeable round > <div class="pop-head"> <div class="f16 fb tc p10">请选择项目</div> <van-search v-model="searchProjectName" placeholder="请输入搜索关键词" @search="getProjectManageListFun" class="w" /> </div> <div class="pl10 pr10 pop-content"> <div class="p10 pb5 mt10 bgf7 bdr5" v-for="(item, index) in projectManageList" :key="index" @click="selectProToAdd(item)" > <div class="f14 mb5"> {{ item.projectName }} </div> <div class="f12 cor9 mb5"> <span>{{ item.projectNo }} </span> <span> | </span> <span class="cor9">{{ item.applyUserName }}</span> </div> </div> </div> </van-popup>
showProject: false, projectManageList: [],
.pop-content { background-color: #fff; overflow-y: auto; height: calc(100% - 50px); } .pop-head { width: 100%; } .van-popup { overflow-y: unset !important; } ::v-deep .van-search { position: unset !important; }
标签:van,分页,pop,列表,item,important,overflow,弹框 From: https://www.cnblogs.com/dianzan/p/18616601