优化

ruoyi-ui/src/views/bas/BasProductCode/index.vue

@@ -92,7 +92,7 @@
               <vue-qr
                 :key="`qr-${index}-${item.serial}`"
                 :text="item.qrCode"
-                :size="100"
+                :size="150"
                 :margin="0"
                 :correctLevel="2"
                 :callback="onQrReady"
@@ -959,11 +959,11 @@ export default {
 }
 
 .preview-box {
-  padding: 20px;
+  padding: 5px;
   font-family: 'Arial', sans-serif;
   position: relative;
   background-color: #fff;
-  height: 350px;
+  height: 100%;
   width: 100%;
   box-sizing: border-box;
 }
@@ -971,7 +971,7 @@ export default {
 .preview-row {
   display: flex;
   align-items: center;
-  margin-bottom: 15px;
+  margin-bottom: 21px;
   min-height: 0;
   padding-left: 5px;
 }
@@ -981,18 +981,17 @@ export default {
   display: flex;
   align-items: center;
 }
-
+/*min-width: 10px;*/
 .preview-label {
-  margin-right: 15px;
-  min-width: 10px;
-  font-size: 15px;
+  margin-left: -10px;
+  font-size: 25px;
   font-weight: bold;
   color: #000000;
 }
 
 .preview-value {
   flex: 1;
-  font-size: 15px;
+  font-size: 25px;
   font-weight: bold;
   color: #000000;
   word-break: break-all;
@@ -1000,7 +999,8 @@ export default {
 
 .qrcode-label {
   margin-top: 1px;
-  font-size: 10px;
+  margin-right: 15px;
+  font-size: 15px;
   font-weight: 600;
   color: #000000;
   text-align: center;
@@ -1055,8 +1055,8 @@ export default {
   .qrcode-container {
     border: none;
     position: absolute !important;
-    top: 10px !important;
-    right: 30px !important;
+    top: 5px !important;
+    right: -10px !important;
     padding: 0;
     background-color: transparent;
   }