配色和二维码滚动修复

style: 统一界面视觉风格与配色方 在遮罩层和内容区都加上 catchtouchmove 阻止触摸穿透滚动：

components/qrcode-modal/qrcode-modal.js

@@ -26,6 +26,8 @@ Component({
 
     onClose() {
       this.setData({ visible: false, qrcodeId: '' })
-    }
+    },
+
+    noop() {}
   }
 })

components/qrcode-modal/qrcode-modal.wxml

@@ -1,5 +1,5 @@
-<view class="qrcode-modal" wx:if="{{visible}}" bindtap="onClose">
-  <view class="qrcode-container" catchtap>
+<view class="qrcode-modal" wx:if="{{visible}}" bindtap="onClose" catchtouchmove="noop">
+  <view class="qrcode-container" catchtap catchtouchmove="noop">
     <view class="qrcode-title">预约凭证</view>
     <view class="qrcode-canvas-wrap">
       <canvas canvas-id="qrcodeCanvas" class="qrcode-canvas"></canvas>

components/qrcode-modal/qrcode-modal.wxss

@@ -4,7 +4,7 @@
   left: 0;
   right: 0;
   bottom: 0;
-  background: rgba(0, 0, 0, 0.5);
+  background: rgba(44, 62, 80, 0.4);
   display: flex;
   align-items: center;
   justify-content: center;
@@ -12,25 +12,30 @@
 }
 
 .qrcode-container {
-  background: #fff;
-  border-radius: 24rpx;
+  background: #ffffff;
+  border-radius: 32rpx;
   padding: 48rpx 64rpx;
   display: flex;
   flex-direction: column;
   align-items: center;
+  box-shadow: 0 16rpx 48rpx rgba(91, 155, 213, 0.2);
 }
 
 .qrcode-title {
   font-size: 34rpx;
   font-weight: 600;
-  color: #1a1a1a;
+  color: #2c3e50;
   margin-bottom: 32rpx;
+  letter-spacing: 4rpx;
 }
 
 .qrcode-canvas-wrap {
   position: relative;
   width: 400rpx;
   height: 400rpx;
+  border: 1rpx solid #e8eef5;
+  border-radius: 16rpx;
+  overflow: hidden;
 }
 
 .qrcode-canvas {
@@ -47,14 +52,14 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  background: #fff;
+  background: #ffffff;
 }
 
 .qrcode-spinner {
   width: 48rpx;
   height: 48rpx;
-  border: 4rpx solid #e0e0e0;
-  border-top: 4rpx solid #1890ff;
+  border: 4rpx solid #dbeafe;
+  border-top: 4rpx solid #5b9bd5;
   border-radius: 50%;
   animation: qrcode-spin 0.8s linear infinite;
 }
@@ -65,15 +70,17 @@
 }
 
 .qrcode-id {
-  font-size: 24rpx;
-  color: #999;
+  font-size: 22rpx;
+  color: #7f8fa6;
   margin-top: 24rpx;
   word-break: break-all;
   text-align: center;
+  letter-spacing: 1rpx;
 }
 
 .qrcode-tip {
-  font-size: 24rpx;
-  color: #bbb;
+  font-size: 22rpx;
+  color: #b8c9db;
   margin-top: 12rpx;
+  letter-spacing: 1rpx;
 }