commit

src/main/resources/static/components/plugins/sysQrCode/index.vue

@@ -15,7 +15,7 @@
           append-to-body
       >
         <div class="qrcode-container" style="text-align: center;">
-          <qrcode :value="url" :options="{ width: 126 }" class="signature-qrcode"></qrcode>
+          <qrcode v-if="url" :value="url" :options="{ width: width }" class="signature-qrcode"></qrcode>
         </div>
         <template #footer>
           <el-button @click="dialogVisible = false">关闭</el-button>
@@ -26,7 +26,7 @@
     <!-- 内联模式 -->
     <template v-else-if="mode === 'inline'">
       <div class="qrcode-inline-container">
-        <qrcode :value="url" :options="{ width: 126 }" class="signature-qrcode"></qrcode>
+        <qrcode v-if="url" :value="url" :options="{ width: width }" class="signature-qrcode"></qrcode>
       </div>
     </template>
   </div>
@@ -41,7 +41,7 @@ module.exports = {
     // 二维码内容
     url: {
       type: String,
-      required: true
+      required: true,
     },
     // 显示模式：dialog（默认）或 inline
     mode: {
@@ -53,6 +53,10 @@ module.exports = {
     value: {
       type: Boolean,
       default: false
+    },
+    width: {
+      type: Number,
+      default: 200
     }
   },