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