70 lines
1.2 KiB
Vue
70 lines
1.2 KiB
Vue
|
<script setup>
|
|||
|
|
/**
|
|||
|
|
* 我的分享
|
|||
|
|
*/
|
|||
|
|
import {
|
|||
|
|
onMounted,
|
|||
|
|
ref,
|
|||
|
|
reactive,
|
|||
|
|
computed,
|
|||
|
|
getCurrentInstance,
|
|||
|
|
watch,
|
|||
|
|
defineExpose,
|
|||
|
|
} from 'vue';
|
|||
|
|
import {
|
|||
|
|
onLoad,
|
|||
|
|
} from '@dcloudio/uni-app'
|
|||
|
|
import {
|
|||
|
|
useStore,
|
|||
|
|
} from 'vuex'
|
|||
|
|
import api from '@/api/index.js';
|
|||
|
|
const store = useStore()
|
|||
|
|
const userinfo = computed(() => {
|
|||
|
|
let result = store.state.userinfo
|
|||
|
|
return result
|
|||
|
|
})
|
|||
|
|
// 二维码数据
|
|||
|
|
const qrData = ref("")
|
|||
|
|
|
|||
|
|
onLoad(() => {
|
|||
|
|
myQrcode()
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
// 查看二维码
|
|||
|
|
function myQrcode() {
|
|||
|
|
api.intergral.myQrcode({}).then(rs => {
|
|||
|
|
qrData.value = `data:image/png;base64, ${uni.arrayBufferToBase64(rs)}`
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<template>
|
|||
|
|
<view class="appbw df fdc aic">
|
|||
|
|
<view class="qrBox pr">
|
|||
|
|
<image src="/static/myShare.png" mode="aspectFill" />
|
|||
|
|
|
|||
|
|
<image class="qr pmid" :src="qrData" mode="aspectFill" />
|
|||
|
|
</view>
|
|||
|
|
<view class="button btn lg colourful mt60">推荐码： {{userinfo.userRecommend}}</view>
|
|||
|
|
</view>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<style lang="scss">
|
|||
|
|
// 二维码
|
|||
|
|
.qrBox {
|
|||
|
|
margin-top: 10vh;
|
|||
|
|
width: 606rpx;
|
|||
|
|
height: 606rpx;
|
|||
|
|
|
|||
|
|
// 二维码
|
|||
|
|
.qr {
|
|||
|
|
width: 374rpx;
|
|||
|
|
height: 374rpx;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 按钮
|
|||
|
|
.button {
|
|||
|
|
width: 310rpx;
|
|||
|
|
}
|
|||
|
|
</style>
|