From 41bc4cce96350a23281a967bbdef9c1fe1deb227 Mon Sep 17 00:00:00 2001
From: WindowBird <13870814+windows-bird@user.noreply.gitee.com>
Date: Fri, 15 Aug 2025 17:45:56 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B5=8B=E8=AF=95=E9=A1=B5=E9=9D=A2=E7=94=9F?=
 =?UTF-8?q?=E6=88=90=E4=BA=8C=E7=BB=B4=E7=A0=811.0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/basePage/test.vue | 43 +++++++++++++++++------------------------
 1 file changed, 18 insertions(+), 25 deletions(-)

diff --git a/pages/basePage/test.vue b/pages/basePage/test.vue
index 6bea1c0..fad7210 100644
--- a/pages/basePage/test.vue
+++ b/pages/basePage/test.vue
@@ -1,10 +1,10 @@
 <template>
   <view class="page">
-    <view :style="{ backgroundColor: CommonEnum.BASE_COLOR }" class="header">
+    <view class="qrcode-container">
       <uv-qrcode
         ref="qrcode"
-        :options="options"
         :value="value"
+        :options="options"
         canvas-id="qrcode"
         size="300rpx"
       ></uv-qrcode>
@@ -19,49 +19,42 @@ export default {
   components: { UvQrcode },
   data() {
     return {
-      value: "sb",
+      value: "测试二维码内容",
       options: {
-        useDynamicSize: false,
         errorCorrectLevel: "Q",
         margin: 10,
-        areaColor: "#fff",
-
-        // 指定二维码前景，一般可在中间放logo
-      },
+        areaColor: "#fff"
+      }
     };
   },
   onLoad() {
-    // 页面加载时获取数据
-
     this.$nextTick(() => {
       this.$refs.qrcode.remake({
         success: () => {
-          console.log("生成成功");
+          console.log("二维码生成成功");
         },
         fail: (err) => {
-          console.log(err);
-        },
+          console.error("二维码生成失败:", err);
+        }
       });
     });
-  },
-  methods: {
-    // 加载页面数据
-  },
+  }
 };
 </script>
 
 <style lang="scss" scoped>
 .page {
   background: #f5f0e7;
+  min-height: 100vh;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
 
-.header {
-  width: 100%;
-  //min-height: 100vh;//可能导致页面留白
-  display: flex;
-  align-items: flex-start;
-  flex-direction: column;
-  padding: 200rpx 200rpx;
-  padding-bottom: 40rpx;
+.qrcode-container {
+  padding: 40rpx;
+  background: white;
+  border-radius: 20rpx;
+  box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.1);
 }
 </style>