火车票添加二维码

Author: LC044

package-lock.json

@@ -1,7 +1,7 @@
 {
   "name": "timelesstales",
   "private": true,
-  "version": "0.1.2",
+  "version": "0.1.4",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -12,6 +12,7 @@
     "@vueuse/core": "^14.0.0",
     "axios": "^1.12.2",
     "html2canvas": "^1.4.1",
+    "html-to-image": "^1.11.13",
     "mingcute_icon": "^2.9.6",
     "pinia": "^3.0.3",
     "vue": "^3.5.13",

package.json

@@ -87,14 +87,9 @@
             </div>
 
             <!-- 二维码 -->
-            <div class="qr self-end justify-self-end w-[148px] h-[148px] border-3 border-black bg-white p-[6px] shadow-[inset_0_0_0_3px_#fff]" aria-hidden="true">
+            <div class="qr self-end justify-self-end w-[148px] h-[148px] border-black  p-[6px] " aria-hidden="true">
               <!-- 简化二维码 -->
-              <svg viewBox="0 0 120 120" xmlns="http://www.w3.org/2000/svg">
-                <rect width="120" height="120" fill="#fff"/>
-                <rect x="4" y="4" width="32" height="32" fill="#000"/>
-                <rect x="84" y="4" width="32" height="32" fill="#000"/>
-                <rect x="4" y="84" width="32" height="32" fill="#000"/>
-              </svg>
+              <img src="@/assets/qrcode.png" alt="二维码" class="w-full h-full object-cover" />
             </div>
           </div>
         </div>