弹框 列表选择没有分页

    <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;
}

 

posted @ 2024-12-19 10:30  ThisCall  阅读(14)  评论(0)    收藏  举报