68 lines
1.3 KiB
Vue
68 lines
1.3 KiB
Vue
<template>
|
||
<view class="page">
|
||
<view :style="{ backgroundColor: CommonEnum.BASE_COLOR }" class="header">
|
||
<uv-qrcode
|
||
ref="qrcode"
|
||
:options="options"
|
||
:value="value"
|
||
canvas-id="qrcode"
|
||
size="300rpx"
|
||
></uv-qrcode>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
import UvQrcode from "../../uni_modules/uv-qrcode/components/uv-qrcode/uv-qrcode.vue";
|
||
|
||
export default {
|
||
components: { UvQrcode },
|
||
data() {
|
||
return {
|
||
value: "sb",
|
||
options: {
|
||
useDynamicSize: false,
|
||
errorCorrectLevel: "Q",
|
||
margin: 10,
|
||
areaColor: "#fff",
|
||
|
||
// 指定二维码前景，一般可在中间放logo
|
||
},
|
||
};
|
||
},
|
||
onLoad() {
|
||
// 页面加载时获取数据
|
||
|
||
this.$nextTick(() => {
|
||
this.$refs.qrcode.remake({
|
||
success: () => {
|
||
console.log("生成成功");
|
||
},
|
||
fail: (err) => {
|
||
console.log(err);
|
||
},
|
||
});
|
||
});
|
||
},
|
||
methods: {
|
||
// 加载页面数据
|
||
},
|
||
};
|
||
</script>
|
||
|
||
<style lang="scss" scoped>
|
||
.page {
|
||
background: #f5f0e7;
|
||
}
|
||
|
||
.header {
|
||
width: 100%;
|
||
//min-height: 100vh;//可能导致页面留白
|
||
display: flex;
|
||
align-items: flex-start;
|
||
flex-direction: column;
|
||
padding: 200rpx 200rpx;
|
||
padding-bottom: 40rpx;
|
||
}
|
||
</style>
|