53 lines
1.2 KiB
Vue
53 lines
1.2 KiB
Vue
<template>
|
||
<view class="main">
|
||
<view class="textBox">
|
||
识别二维码关注服务号,进入主页后点击“我是会员”，选择“超值优惠券”，输入手机号选择激活，领取全额加油券大礼包。
|
||
</view>
|
||
|
||
<view class="codeBox">
|
||
<image
|
||
class="img"
|
||
src="https://eshangtech.com/minTestImg/gasolineCode.png"
|
||
@click="handleShowPreview"
|
||
/>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
<script>
|
||
export default {
|
||
data() {
|
||
return {};
|
||
},
|
||
methods: {
|
||
handleShowPreview() {
|
||
uni.previewImage({
|
||
showmenu: true,
|
||
current: "https://eshangtech.com/minTestImg/gasolineCode.png", // 当前显示图片的http链接
|
||
urls: ["https://eshangtech.com/minTestImg/gasolineCode.png"], // 需要预览的图片http链接列表
|
||
});
|
||
},
|
||
},
|
||
};
|
||
</script>
|
||
<style lang="less" scoped>
|
||
.main {
|
||
width: 100vw;
|
||
height: 100vh;
|
||
box-sizing: border-box;
|
||
padding: 0 32rpx;
|
||
background: #f6f7f8;
|
||
text-align: center;
|
||
.textBox {
|
||
margin-top: 46rpx;
|
||
}
|
||
.codeBox {
|
||
width: calc(100vw - 64rpx);
|
||
height: calc(100vw - 64rpx);
|
||
margin-top: 24rpx;
|
||
.img {
|
||
width: calc(100vw - 64rpx);
|
||
height: calc(100vw - 64rpx);
|
||
}
|
||
}
|
||
}
|
||
</style> |