<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 {
				list: []
				// [{
				// 	title:'哈哈哈哈',
				// 	selected:false
				// }],
			}
		},
		props: {
		},
		methods:{
			openList(list){
				this.list = list
				this.$refs.listPopup.open('center')
			},
			selectItem(item,index){
				this.$emit("selectItem", item);
			}
		}
	}
</script>

<style lang="scss" scoped>
	.container{
		display: flex;
		justify-content: center;
		align-items: center;
		.list{
			width: 80%;
			border-radius: 10px !important;
			overflow: hidden;
			.slot-image{
				width: 40rpx;
			}
			.go{
				color: rgb(60, 156, 255);
			}
		}
		
	}
</style>