28 changed files with 162 additions and 54 deletions
@ -0,0 +1,99 @@ |
|||
|
|||
<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> |
Loading…
Reference in new issue