[锶源昆仑-寺庙捐赠活动]
This commit is contained in:
110
pages/wechat/index.vue
Normal file
110
pages/wechat/index.vue
Normal file
@@ -0,0 +1,110 @@
|
||||
<template>
|
||||
<view class="content">
|
||||
<!-- <image class="weChat" src="@/static/imgs/weChat_back.png"></image>
|
||||
<view class="weChatCont">
|
||||
<image class="weChat-title" src="@/static/imgs/weChat_title.png" mode="widthFix"></image>
|
||||
<view class="weChat-text">
|
||||
<view class="weChat-img">
|
||||
<image src="@/static/imgs/weChat_code.png" mode="widthFix"></image>
|
||||
</view>
|
||||
<view class="weChat-name">
|
||||
<image src="@/static/imgs/weChat_name.png" mode="widthFix"></image>
|
||||
</view>
|
||||
</view>
|
||||
<view class="weChatBtn">
|
||||
<view class="btn" @click="$Router.push({name: 'Index'})">锶享体验官</view>
|
||||
<view class="btn" @click="$Router.push({name: 'User'})">锶人中心</view>
|
||||
</view> -->
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { wechatCode } from '@/apis/interfaces/authUrl'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
|
||||
}
|
||||
},
|
||||
onLoad(options) {
|
||||
// 获取微信code
|
||||
wechatCode({
|
||||
code: options.code
|
||||
}).then(res => {
|
||||
this.$store.commit('setOpenId', res.openid)
|
||||
this.$Router.push({
|
||||
name: this.$Route.query.pageName
|
||||
})
|
||||
}).catch(err => {
|
||||
uni.showToast({
|
||||
title: err.message,
|
||||
icon: "none"
|
||||
})
|
||||
})
|
||||
},
|
||||
onShow() {
|
||||
|
||||
},
|
||||
methods: {}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.weChat {
|
||||
position: fixed;
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
left: 0;
|
||||
top: 0;
|
||||
}
|
||||
.weChatCont {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
z-index: 9;
|
||||
left: 0;
|
||||
top: 0;
|
||||
padding: $padding * 2;
|
||||
box-sizing: border-box;
|
||||
text-align: center;
|
||||
.weChat-title {
|
||||
width: 80%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.weChat-text {
|
||||
width: 65%;
|
||||
margin: 60rpx auto 0;
|
||||
box-sizing: border-box;
|
||||
.weChat-img {
|
||||
background-color: #FFFFFF;
|
||||
padding: $padding;
|
||||
box-sizing: border-box;
|
||||
margin-top: $margin;
|
||||
image {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
.weChat-name {
|
||||
padding: $padding $padding + 10;
|
||||
box-sizing: border-box;
|
||||
image {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
.weChatBtn {
|
||||
color: #000000;
|
||||
text-align: center;
|
||||
margin-top: 50rpx;
|
||||
.btn {
|
||||
background-color: #FFFFFF;
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
height: 80rpx;
|
||||
line-height: 80rpx;
|
||||
border-radius: $radius-m;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
||||
Reference in New Issue
Block a user