From c310c9b1ed753c5412c7f69c9103c46a1a17c80d Mon Sep 17 00:00:00 2001
From: wangzimeng <3297159934@qq.com>
Date: Tue, 29 Jul 2025 10:26:55 +0800
Subject: [PATCH] =?UTF-8?q?=E6=88=91=E5=8F=82=E5=8A=A0=E7=9A=84=E6=A0=B8?=
 =?UTF-8?q?=E9=94=80=E8=AE=A2=E5=8D=95=E7=9A=84=E4=BA=8C=E7=BB=B4=E7=A0=81?=
 =?UTF-8?q?=E7=9A=84=E9=81=AE=E7=BD=A9=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packageA/qrcodeSwiper.vue | 164 ++++++++++++++++++++------------------
 1 file changed, 85 insertions(+), 79 deletions(-)

diff --git a/packageA/qrcodeSwiper.vue b/packageA/qrcodeSwiper.vue
index b470a5b..00cf149 100644
--- a/packageA/qrcodeSwiper.vue
+++ b/packageA/qrcodeSwiper.vue
@@ -5,12 +5,15 @@
 			:style="{height: swiperHeight + 'rpx'}">
 			<swiper-item v-for="(item, index) in images" :key="index" class="swiper-item">
 				<view
-					style="border: 1px solid #9C9C9C;width: 280rpx;height: 280rpx;margin: 0 auto;border-radius: 8rpx;">
-					<image :src="item.codeimage" class="swiper-image" mode="widthFix" @load="onImageLoad"/>
+					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" />
 				</view>
-				<view v-if="item.status==6"
-					style="border: 1px solid #9C9C9C;width: 280rpx;height: 284rpx;margin: 0 auto;border-radius: 8rpx;    position: absolute;top: 0;left: 0;right: 0;">
-					<image src="/static/qrcode_yes.png" class="swiper-image" mode="widthFix" />
+				<!-- border: 1px solid #9C9C9C; width: 284rpx;height: 284rpx;margin: 0 auto;
+					border-radius: 16rpx;position: absolute;top: 8rpx;left: 1px;right: 0;-->
+				<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 style="text-align: center;font-size: 28rpx;margin-top: 15rpx;font-weight: 600;">{{item.name}}
 				</view>
@@ -86,95 +89,98 @@
 </script>
 <style lang="scss" scoped>
 	.carousel-container {
-	  position: relative;
-	  width: 100%;
-	  margin: 0 auto;
+		position: relative;
+		width: 100%;
+		margin: 0 auto;
 	}
-	
+
 	.swiper-box {
-	  width: 100%;
+		width: 100%;
 	}
-	
+
 	.swiper-item {
-	  display: flex;
-	  flex-direction: column;
-	  align-items: center;
-	  justify-content: center;
-	  height: 100%;
-	  box-sizing: border-box;
-	  padding: 20rpx 0;
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		justify-content: center;
+		height: 100%;
+		box-sizing: border-box;
+		padding: 20rpx 0;
 	}
-	
+
 	.qrcode-container {
-	  position: relative;
-	  width: 280rpx;
-	  height: 280rpx;
-	  border: 1px solid #9C9C9C;
-	  border-radius: 8rpx;
-	  margin: 0 auto;
-	  overflow: hidden;
+		position: relative;
+		width: 280rpx;
+		height: 280rpx;
+		border: 1px solid #9C9C9C;
+		border-radius: 8rpx;
+		margin: 0 auto;
+		overflow: hidden;
 	}
-	
+
 	.swiper-image {
-	  width: 100%;
-	  height: 100%;
-	  display: block;
+		width: 100%;
+		height: 100%;
+		display: block;
+		box-sizing: border-box;
 	}
-	
+
 	.used-overlay {
-	  position: absolute;
-	  top: 0;
-	  left: 0;
-	  width: 100%;
-	  height: 100%;
-	  background-color: rgba(0,0,0,0.5);
-	  display: flex;
-	  align-items: center;
-	  justify-content: center;
-	  
-	  image {
-	    width: 80%;
-	    height: 80%;
-	  }
+		position: absolute;
+		top: 0;
+		left: 0;
+		width: 100%;
+		height: 100%;
+		background-color: rgba(0, 0, 0, 0.5);
+		display: flex;
+		align-items: center;
+		justify-content: center;
+
+		image {
+			width: 80%;
+			height: 80%;
+		}
 	}
-	
+
 	.qrcode-name {
-	  text-align: center;
-	  font-size: 28rpx;
-	  margin-top: 15rpx;
-	  font-weight: 600;
-	  width: 100%;
-	  white-space: nowrap;
-	  overflow: hidden;
-	  text-overflow: ellipsis;
+		text-align: center;
+		font-size: 28rpx;
+		margin-top: 15rpx;
+		font-weight: 600;
+		width: 100%;
+		white-space: nowrap;
+		overflow: hidden;
+		text-overflow: ellipsis;
 	}
-	
+
 	.nav-buttons {
-	  position: absolute;
-	  top: 50%;
-	  left: 0;
-	  right: 0;
-	  transform: translateY(-50%);
-	  display: flex;
-	  justify-content: space-between;
-	  pointer-events: none; // 防止按钮阻挡滑动
-	  
-	  .btn {
-	    pointer-events: auto;
-	    width: 60rpx;
-	    height: 60rpx;
-	    display: flex;
-	    align-items: center;
-	    justify-content: center;
-	    
-	    image {
-	      width: 50rpx;
-	      height: 50rpx;
-	    }
-	  }
+		position: absolute;
+		top: 50%;
+		left: 0;
+		right: 0;
+		transform: translateY(-50%);
+		padding-left: 80rpx;
+		padding-right: 80rpx;
+		display: flex;
+		justify-content: space-between;
+		pointer-events: none; // 防止按钮阻挡滑动
+
+		.btn {
+			pointer-events: auto;
+			width: 60rpx;
+			height: 60rpx;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+
+			image {
+				width: 50rpx;
+				height: 50rpx;
+			}
+		}
 	}
-	
-	
+
+
 	// .carousel-container {
 	// 	position: relative;
 	// 	height: 350rpx;