uview-plus组件库全面升级更新,订单结算判断支付方式是否可用代码调整,公众号关注二维码修改
This commit is contained in:
41
components/wechat-ac-qrcode.vue
Normal file
41
components/wechat-ac-qrcode.vue
Normal file
@@ -0,0 +1,41 @@
|
||||
<template>
|
||||
<view>
|
||||
<!-- 生成公众号二维码 -->
|
||||
|
||||
<view class="qrcode-box" v-if="codeOptions.code">
|
||||
<w-qrcode
|
||||
:options="codeOptions"
|
||||
ref="wQrcode"
|
||||
@generate="(e) => qrcodeResult(e)"
|
||||
></w-qrcode>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import wQrcode from "@/uni_modules/wmf-code/components/w-qrcode/w-qrcode.vue";
|
||||
import { onMounted ,ref} from "vue";
|
||||
const codeOptions = ref({
|
||||
size: 200,
|
||||
code: "",
|
||||
});
|
||||
|
||||
onMounted(() => {
|
||||
// 页面加载完成后生成二维码
|
||||
const userInfo = uni.cache.get("userInfo") || {};
|
||||
const wechatAcQrcode = userInfo.wechatAcQrcode || "";
|
||||
codeOptions.value.code = wechatAcQrcode;
|
||||
});
|
||||
const emit = defineEmits(["generate"]);
|
||||
function qrcodeResult(e) {
|
||||
console.log(e);
|
||||
emit("generate", e.img.tempFilePath);
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.qrcode-box {
|
||||
position: fixed;
|
||||
transform: translateX(200vw, 200vh);
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user