修改业务大厅图片宽度导致的虚的问题

src/views/Business/Register.vue

@@ -3,13 +3,15 @@
     <div class="col-lg-8">
       <div class="register marginTopLg20">
         <div class="register-top register-border">
-          <div class="register-top-cont">
-            <div class="zxzc-btn">在线注册</div>
-            <img
-              src="../../assets/image/business/barcode-register.png"
-              class="barcode-register"
-              alt=""
-            />
+          <div class="container">
+            <div class="register-top-cont">
+              <div class="zxzc-btn">在线注册</div>
+              <img
+                src="../../assets/image/business/barcode-register.png"
+                class="barcode-register"
+                alt=""
+              />
+            </div>
           </div>
         </div>
         <div class="register-bottom register-border" v-if="true">
@@ -90,6 +92,7 @@ export default {
     }
     .register-top-cont {
       max-width: 450px;
+      width: 100%;
       margin: 0 auto;
     }
     .barcode-register {

src/views/Business/Renewal.vue

@@ -3,15 +3,17 @@
     <div class="col-lg-8">
       <div class="register marginTopLg20">
         <div class="register-top register-border">
-          <div class="register-top-cont">
+          <div class="container">
+            <div class="register-top-cont">
               <div class="zxzc-btn" @click="zxxzJump">在线续展</div>
-          <img
-            src="../../assets/image/business/barcode-renewal.jpg"
-            class="barcode-register"
-            alt=""
-          />
-        </div>
+              <img
+                src="../../assets/image/business/barcode-renewal.jpg"
+                class="barcode-register"
+                alt=""
+              />
+            </div>
           </div>
+        </div>
         <div class="register-bottom register-border" v-if="false">
           <cate :father="zxcxgjCate"></cate>
           <div class="row zxcxgj-ul">
@@ -24,10 +26,10 @@
       </div>
     </div>
     <div class="col-lg-4">
-        <tmgg class="marginTopLg20"/>
-        <bgxz class="marginTop20"/>
-        <dffzjg class="marginTop20"/>
-        <zcfg class="marginTop20"/>
+      <tmgg class="marginTopLg20" />
+      <bgxz class="marginTop20" />
+      <dffzjg class="marginTop20" />
+      <zcfg class="marginTop20" />
     </div>
   </div>
 </template>
@@ -71,15 +73,15 @@ export default {
         },
       ],
       zxcxgjCate: {
-          name: '在线查询工具',
-          ico: require('../../assets/image/business/icon_gongju.png')
-      }
+        name: "在线查询工具",
+        ico: require("../../assets/image/business/icon_gongju.png"),
+      },
     };
   },
   methods: {
     zxxzJump() {
-      window.open('http://wsdt.ancc.org.cn/anccoh/', "_blank");
-    }
+      window.open("http://wsdt.ancc.org.cn/anccoh/", "_blank");
+    },
   },
 };
 </script>
@@ -111,9 +113,9 @@ export default {
   }
   .register-bottom {
     margin-top: 20px;
-    
+
     .zxcxgj-ul {
-        padding: 12.5px 0;
+      padding: 12.5px 0;
       > div {
         margin: 12.5px 0;
         text-align: center;