wo123/dyqc_hdapp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

我参加的核销订单的二维码的遮罩调整

Browse Source
This commit is contained in:
wangzimeng 2025-07-29 10:26:55 +08:00
parent 2bae7fdec8
commit c310c9b1ed
1 changed files with 85 additions and 79 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
packageA/qrcodeSwiper.vue
View File

@ -5,12 +5,15 @@
:style="{height: swiperHeight + 'rpx'}"> :style="{height: swiperHeight + 'rpx'}">
<swiper-item v-for="(item, index) in images" :key="index" class="swiper-item"> <swiper-item v-for="(item, index) in images" :key="index" class="swiper-item">
<view <view
style="border: 1px solid #9C9C9C;width: 280rpx;height: 280rpx;margin: 0 auto;border-radius: 8rpx;"> style="border: 2rpx solid #9C9C9C;width: 280rpx;height: 280rpx;margin: 0 auto;border-radius: 8rpx;">
<image :src="item.codeimage" class="swiper-image" mode="widthFix" @load="onImageLoad" /> <image :src="item.codeimage" class="swiper-image" mode="widthFix" @load="onImageLoad" />
</view> </view>
<view v-if="item.status==6" <!-- border: 1px solid #9C9C9C; width: 284rpx;height: 284rpx;margin: 0 auto;
style="border: 1px solid #9C9C9C;width: 280rpx;height: 284rpx;margin: 0 auto;border-radius: 8rpx; position: absolute;top: 0;left: 0;right: 0;"> border-radius: 16rpx;position: absolute;top: 8rpx;left: 1px;right: 0;-->
<image src="/static/qrcode_yes.png" class="swiper-image" mode="widthFix" /> <view v-if="item.status==6" style="">
<image style="width: 286rpx;height: 289rpx;margin: 0 auto;
position: absolute;top: 7rpx;left: 0px;right: 0;box-sizing: border-box;"
src="/static/qrcode_yes.png" mode="" />
</view> </view>
<view style="text-align: center;font-size: 28rpx;margin-top: 15rpx;font-weight: 600;">{{item.name}} <view style="text-align: center;font-size: 28rpx;margin-top: 15rpx;font-weight: 600;">{{item.name}}
</view> </view>
@ -119,6 +122,7 @@
width: 100%; width: 100%;
height: 100%; height: 100%;
display: block; display: block;
box-sizing: border-box;
} }
.used-overlay { .used-overlay {
@ -155,6 +159,8 @@
left: 0; left: 0;
right: 0; right: 0;
transform: translateY(-50%); transform: translateY(-50%);
padding-left: 80rpx;
padding-right: 80rpx;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
pointer-events: none; // 防止按钮阻挡滑动 pointer-events: none; // 防止按钮阻挡滑动