From f42df1c692e15ebc8edcb81998a859c1e8b16daf Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?miky=5F=E7=86=99?= <2495089672@qq.com>
Date: Thu, 29 Feb 2024 17:15:59 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20uv-ui=E7=9A=84=E5=B1=95=E7=A4=BA?=
 =?UTF-8?q?=E4=BA=8C=E7=BB=B4=E7=A0=81=E6=94=BE=E4=B8=8Auni-best=E7=9A=84l?=
 =?UTF-8?q?ogo?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/demo/base/uv-ui.vue | 28 ++++++++++++++++++++++++++--
 1 file changed, 26 insertions(+), 2 deletions(-)

diff --git a/src/pages/demo/base/uv-ui.vue b/src/pages/demo/base/uv-ui.vue
index 25cb180..7061726 100644
--- a/src/pages/demo/base/uv-ui.vue
+++ b/src/pages/demo/base/uv-ui.vue
@@ -6,9 +6,14 @@
 
 <template>
   <view class="mt-10">
-    <uv-button type="primary">button</uv-button>
+    <uv-button type="primary" @click="remakeQc">重新生成二维码</uv-button>
     <view class="center mt-8">
-      <uv-qrcode ref="qrcode" size="300px" value="https://h5.uvui.cn"></uv-qrcode>
+      <uv-qrcode
+        ref="qrcode"
+        size="200px"
+        value="https://h5.uvui.cn"
+        :options="options"
+      ></uv-qrcode>
     </view>
   </view>
 </template>
@@ -18,6 +23,25 @@ console.log(uni.$uv.os())
 console.log(uni.$uv.sys())
 console.log(uni.$uv.trim(' abc ')) // 去除两端空格
 console.log(uni.$uv.random(1, 3)) // 获取随机数
+const qrcode = ref(null)
+const options = reactive({
+  size: 300,
+  useDynamicSize: false,
+  margin: 10,
+  backgroundColor: '#fff',
+  // 指定二维码前景，一般可在中间放logo
+  foregroundImageSrc: '/static/logo.svg',
+})
+const remakeQc = () => {
+  qrcode.value.remake({
+    success: () => {
+      console.log('生成成功')
+    },
+    fail: (err) => {
+      console.log(err)
+    },
+  })
+}
 </script>
 
 <style lang="scss" scoped>