
<template>
	<view class="" style="font-size: 0;">
		<BackButton />
		<view class="" v-if="index==0">
			<image class="bannerImg" mode="aspectFill" src="https://des.js-dyyj.com/data/2025/09/11/7c5aaadc-0d03-479d-a6b8-a372b0bd7449.jpg"> </image>
		</view>
		<view class="" v-if="index==1">
			<image class="bannerImg" mode="aspectFill" src="https://des.js-dyyj.com/data/2025/09/11/ea73035d-f282-4a5b-82df-3ff4be8ba9ae.jpg"> </image>
		</view>
		<view class="" v-if="index==2">
			<image class="bannerImg" mode="aspectFill" src="https://des.js-dyyj.com/data/2025/09/11/cade15a3-b473-49fd-80b9-0caee9f7d404.jpg"> </image>
		</view>
		<view class="" v-if="index==3">
			<image class="bannerImg" mode="aspectFill" src="https://des.js-dyyj.com/data/2025/09/11/4f5581b4-e354-4a2b-8f41-5d37fcd3904b.png"> </image>
			<view class="action-box">
				<image @click="toPath" class="action-img" mode="aspectFill" src="https://des.js-dyyj.com/data/2025/09/11/df01e337-22bb-4056-8144-68f064b31323.png"> </image>
				<image   @click="toNone" class="action-img" mode="aspectFill" src="https://des.js-dyyj.com/data/2025/09/11/e09bdd6f-bd6c-4845-a049-ccb1acc58924.png"> </image>
				<image @click="toNone" class="action-img" mode="aspectFill" src="https://des.js-dyyj.com/data/2025/09/11/19cca72c-b980-4a51-a855-1632a886bfc5.png"> </image>
			</view>
		</view>
	</view>
</template>

<script>
	import BackButton from "@/components/BackButton.vue";
	export default{
		components: {
		  BackButton,
		},
		data(){
			return{
				img:'',
				index:0,
				info:null
			}
		},
		onLoad(e) {
			this.index = e.index
			let info = decodeURIComponent(e.item)
			this.info = JSON.parse(info)
		},
		methods:{
			toNone(){
				uni.showToast({
					title: '功能暂未开放',
					icon: 'none'
				})
			},
			toPath(){
				console.log(this.info.mini)
				if(this.info.mini){
					wx.navigateToMiniProgram({
					  appId: this.info.mini.appID,
					  path: this.info.mini.path,
					  envVersion: 'release',
					  success(res) {
					    // 打开成功
					  },
					  fail(e){
						  console.log(e)
					  }
					})
				}else{
					uni.showToast({
						title: '功能暂未开放',
						icon: 'none'
					})
				}
			}
		}
	}
</script>

<style lang="scss" scoped>
	.bannerImg{
		width: 100vw;
		height: 100vh;
	}
	.action-box{
		position: absolute;
		top: 0;
		z-index: 9;
		width: 100vw;
		height: 100vh;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		
	}
	.action-img{
		width: 524rpx;
		height: 117rpx;
		margin-bottom: 45rpx;
		&:nth-child(1){
		}
	}
</style>