北京经济技术开发区经开区虚拟城市项目-【前端】-Web
lixuliang
2024-05-08 10ecfd0b60442d209d1ab4b749580ffb638d1992
src/components/menu/leftMenu.vue
@@ -1,13 +1,14 @@
<template>
  <div class="menuBox">
    <div v-if="list.length == 0 && val == null"></div>
    <div class="boxCntent" v-else-if="list.length == 0">
      {{ val }} 数据正在补充中
      <!-- <div class="close" @click.stop="closelist"></div> -->
    <div class="" v-if="list.length == 0 && val == null"></div>
    <div class="boxContent" v-else-if="list.length == 0">
      <div class="close" @click.stop="closelist"></div>
      {{ val }}
      暂未搜索到相关数据
    </div>
    <ul class="boxCntent" v-if="list.length != 0">
      <!-- <div class="close" @click.stop="closelist"></div> -->
      <div>
    <ul class="boxContent" v-if="list.length != 0">
      <div class="close" @click.stop="closelist"></div>
      <div class="listContent">
        <li v-for="(item, index) in list" :key="index">
          <div>
            {{ item.name }}
@@ -76,14 +77,20 @@
  background-size: 100% 100%;
  background-image: url("../poplayer/img/close.png");
  cursor: pointer;
  margin-top: 5px;
  margin-right: 5px;
}
.menuBox .boxCntent {
  margin: 1%;
.menuBox .boxContent {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.listContent {
  width: 100%;
}
.menuBox li {
  /* width: 100%; */
  padding: 10px;
  border: 1px solid gray;
  margin-top: 2px;