From 24fb45906ca5869db718a889b2308e36c0add693 Mon Sep 17 00:00:00 2001
From: liqi <qiqiqiyoucili@163.com>
Date: Fri, 28 Nov 2025 23:19:45 +0800
Subject: [PATCH] =?UTF-8?q?UI=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/QrViewer.vue | 38 ++++++++++++++++++++++++++++++
 1 file changed, 38 insertions(+)
 create mode 100644 src/components/common/QrViewer.vue

diff --git a/src/components/common/QrViewer.vue b/src/components/common/QrViewer.vue
new file mode 100644
index 0000000..f755622
--- /dev/null
+++ b/src/components/common/QrViewer.vue
@@ -0,0 +1,38 @@
+<template>
+  <div
+    class="inline-flex flex-col items-center justify-center rounded-2xl bg-white dark:bg-gray-800 shadow-xl border border-gray-100 dark:border-gray-700 px-6 py-5 space-y-4"
+  >
+    <div class="text-center space-y-1">
+      <h3 class="text-base font-semibold text-gray-900 dark:text-white">
+        微信二维码
+      </h3>
+      <p class="text-xs text-gray-500 dark:text-gray-400">
+        使用微信扫一扫，添加好友
+      </p>
+    </div>
+
+    <div
+      class="relative p-2 rounded-2xl bg-gradient-to-br from-rose-500/10 via-blue-500/5 to-emerald-500/10"
+    >
+      <div
+        class="rounded-2xl overflow-hidden bg-white dark:bg-gray-900 border border-gray-100 dark:border-gray-700"
+      >
+        <img
+          src="/wx.jpg"
+          alt="微信二维码"
+          class="w-48 h-48 object-contain"
+        />
+      </div>
+    </div>
+
+    <p class="text-xs text-center text-rose-600 dark:text-rose-400">
+      添加好友时请<span class="font-semibold">备注来意</span>（如：咨询项目 / 商务合作）
+    </p>
+  </div>
+</template>
+
+<script setup>
+</script>
+
+<style scoped>
+</style>