chore: remove qrcode.vue use qrcode

package.json

@@ -57,7 +57,6 @@
     "nprogress": "^0.2.0",
     "pinia": "^2.1.6",
     "qrcode": "^1.5.3",
-    "qrcode.vue": "^3.4.0",
     "qs": "^6.11.2",
     "steady-xml": "^0.1.0",
     "url": "^0.11.1",
@@ -72,7 +71,7 @@
     "xml-js": "^1.6.11"
   },
   "devDependencies": {
-    "@commitlint/cli": "^17.7.0",
+    "@commitlint/cli": "^17.7.1",
     "@commitlint/config-conventional": "^17.7.0",
     "@iconify/json": "^2.2.100",
     "@intlify/unplugin-vue-i18n": "^0.12.2",
@@ -85,7 +84,7 @@
     "@types/qs": "^6.9.7",
     "@typescript-eslint/eslint-plugin": "^6.3.0",
     "@typescript-eslint/parser": "^6.3.0",
-    "@unocss/transformer-variant-group": "^0.54.3",
+    "@unocss/transformer-variant-group": "^0.55.0",
     "@vitejs/plugin-legacy": "^4.1.1",
     "@vitejs/plugin-vue": "^4.2.3",
     "@vitejs/plugin-vue-jsx": "^3.0.1",
@@ -94,11 +93,11 @@
     "bpmn-js": "^8.9.0",
     "bpmn-js-properties-panel": "^0.46.0",
     "consola": "^3.2.3",
-    "eslint": "^8.46.0",
+    "eslint": "^8.47.0",
     "eslint-config-prettier": "^9.0.0",
     "eslint-define-config": "^1.23.0",
     "eslint-plugin-prettier": "^5.0.0",
-    "eslint-plugin-vue": "^9.16.1",
+    "eslint-plugin-vue": "^9.17.0",
     "lint-staged": "^13.2.3",
     "postcss": "^8.4.27",
     "postcss-html": "^1.5.0",
@@ -106,7 +105,7 @@
     "prettier": "^3.0.1",
     "rimraf": "^5.0.1",
     "rollup": "^3.28.0",
-    "sass": "^1.64.2",
+    "sass": "^1.65.1",
     "stylelint": "^15.10.2",
     "stylelint-config-html": "^1.1.0",
     "stylelint-config-recommended": "^13.0.0",
@@ -114,7 +113,7 @@
     "stylelint-order": "^6.0.3",
     "terser": "^5.19.2",
     "typescript": "5.1.6",
-    "unocss": "^0.54.3",
+    "unocss": "^0.55.0",
     "unplugin-auto-import": "^0.16.6",
     "unplugin-element-plus": "^0.8.0",
     "unplugin-vue-components": "^0.25.1",

src/views/pay/cashier/index.vue

@@ -68,7 +68,7 @@
     append-to-body
     :close-on-press-escape="false"
   >
-    <qrcode-vue :value="qrCode.url" :size="310" level="L" />
+    <Qrcode :text="qrCode.url" :width="310" />
   </Dialog>
 
   <!-- 展示形式：BarCode 条形码 -->
@@ -115,7 +115,7 @@
 </template>
 
 <script lang="ts" setup>
-import QrcodeVue from 'qrcode.vue'
+import { Qrcode } from '@/components/Qrcode'
 import * as PayOrderApi from '@/api/pay/order'
 import { PayChannelEnum, PayDisplayModeEnum, PayOrderStatusEnum } from '@/utils/constants'
 import { formatDate } from '@/utils/formatTime'
@@ -462,12 +462,12 @@ onMounted(() => {
 
   .box {
     width: 160px;
-    border: 1px solid #e6ebf5;
-    cursor: pointer;
-    text-align: center;
     padding-top: 10px;
     padding-bottom: 5px;
     margin-right: 10px;
+    text-align: center;
+    cursor: pointer;
+    border: 1px solid #e6ebf5;
 
     img {
       width: 40px;