二维码位置调整

src/views/components/QrCodeDemo.vue

@@ -53,7 +53,7 @@
       <el-row :gutter="32" style="margin-top:40px">
         <el-col :span="24">
           <div class="cardTwo" style="with:100% margin-top:60px">
-            <el-card class=".box-cardFirst">
+            <el-card class="box-cardSec">
               <div slot="header" class="clearfix">
                 <el-button
                   type="primary"
@@ -66,7 +66,7 @@
                 >打印条形码</el-button>
               </div>
               <div class="item2">
-                <div>
+                <div style="margin-top:50px ">
                   <barcode :value="maBarCode" :format="barcodeFormat" />
                 </div>
               </div>
@@ -76,7 +76,7 @@
       </el-row>
     </div>
     <el-dialog title="" :visible.sync="dialogTableVisibleOne" width="50%">
-      <div style="margin-left:180px">
+      <div class="item3">
         <qrcode-vue :value="qrCode" :size="size" level="H" />
       </div>
       <span slot="footer" class="dialog-footer">
@@ -223,10 +223,12 @@ export default {
 }
 .item2 {
   margin-bottom: 24px;
-  margin-left: 64px;
-  height: 300px;
+  margin-left: 72px;
+  height: 200px;
+}
+.item3 {
+  margin-left: 32%;
 }
-
 .clearfix:before,
 .clearfix:after {
   display: table;