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.
 
 
 
 

99 lines
2.5 KiB

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