|
|
@@ -3,7 +3,7 @@
|
|
|
<cus-header title='专业支持'></cus-header>
|
|
|
<image style="width: 100%;" :src="imgBase+'support.png'" mode="widthFix" @click="handleTurn"></image>
|
|
|
<div class="code" :style="{'top':codetop+'px'}">
|
|
|
- <canvas canvas-id="qrcode" style="width:216rpx;height:216rpx;border-radius: 16rpx; position: fixed;left: -9999px;top: -9999px;"></canvas>
|
|
|
+ <canvas canvas-id="qrcode" style="width:108px;height:108px;border-radius: 8px; position: fixed;left: -9999px;top: -9999px;"></canvas>
|
|
|
<image v-if="qrCodeDataURL" :src="qrCodeDataURL" mode="scaleToFill" show-menu-by-longpress></image>
|
|
|
</div>
|
|
|
</view>
|
|
|
@@ -36,14 +36,13 @@
|
|
|
async generateQRCode(){
|
|
|
try {
|
|
|
let that = this;
|
|
|
- const canvasSizePx = uni.upx2px(216);
|
|
|
// 确保DOM已经更新,canvas元素已准备好
|
|
|
this.$nextTick(() => {
|
|
|
UQrcode.make({
|
|
|
canvasId: 'qrcode',
|
|
|
componentInstance: this,
|
|
|
text: that.qrVal,
|
|
|
- size: canvasSizePx, // 对应 216rpx 的物理像素大小
|
|
|
+ size: 108, // 对应 216rpx 的物理像素大小
|
|
|
margin: 5,
|
|
|
backgroundColor: '#ffffff',
|
|
|
foregroundColor: '#000000',
|
|
|
@@ -75,17 +74,17 @@
|
|
|
position: relative;
|
|
|
}
|
|
|
.code{
|
|
|
- width: 216rpx;
|
|
|
- height: 216rpx;
|
|
|
+ width: 108px;
|
|
|
+ height: 108px;
|
|
|
background: #FFFFFF;
|
|
|
- border-radius: 16rpx;
|
|
|
+ border-radius: 8px;
|
|
|
position: absolute;
|
|
|
left: 50%;
|
|
|
- margin-left: -108rpx;
|
|
|
+ margin-left: -54px;
|
|
|
image{
|
|
|
width: 100%;
|
|
|
height: 100%;
|
|
|
- border-radius: 18rpx;
|
|
|
+ border-radius: 8px;
|
|
|
}
|
|
|
}
|
|
|
</style>
|