You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
76 lines
1.5 KiB
76 lines
1.5 KiB
<template>
|
|
<view class="wyf">
|
|
<uni-popup ref="listPopup" type="dialog">
|
|
<view class="container">
|
|
<uni-list class="list">
|
|
<uni-list-item v-for="(item,index) in list" :title="item.title"
|
|
thumb-size="lg" >
|
|
<template v-slot:footer>
|
|
<!-- <image class="slot-image" src="@/static/logo.png" mode="widthFix" @click="selectItem(item,index)"></image -->
|
|
<text class="go" @click="selectItem(item,index)">Go</text>
|
|
</template>
|
|
|
|
</uni-list-item>
|
|
|
|
</uni-list>
|
|
</view>
|
|
</uni-popup>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import { onShow } from '@dcloudio/uni-app';
|
|
export default {
|
|
emits: ["selectItem"],
|
|
components: {
|
|
},
|
|
data() {
|
|
return {
|
|
isScanedASN:false,
|
|
list: []
|
|
// [{
|
|
// title:'哈哈哈哈',
|
|
// selected:false
|
|
// }],
|
|
}
|
|
},
|
|
props: {
|
|
},
|
|
methods:{
|
|
openList(list,isScanedASN=false){
|
|
this.list = list;
|
|
this.isScanedASN = isScanedASN;
|
|
this.$refs.listPopup.open('center')
|
|
},
|
|
selectItem(item,index){
|
|
this.$refs.listPopup.close();
|
|
this.$emit("selectItem", item,this.isScanedASN);
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.container{
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
.list{
|
|
width: 80%;
|
|
max-height:50vh;
|
|
overflow-y: auto;
|
|
border-radius: 10px !important;
|
|
.slot-image{
|
|
width: 40rpx;
|
|
}
|
|
.go{
|
|
color: rgb(60, 156, 255);
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
.list ::v-deep .uni-list--border{
|
|
border: 1rpx solid #e5e5e5;
|
|
}
|
|
</style>
|