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