修改图片虚的问题

src/views/Business/Register.vue

@@ -2,26 +2,26 @@
   <div class="row">
     <div class="col-lg-8">
       <div class="register marginTopLg20">
-        <div class="register-top register-cont">
-          <div class="container">
-              <div class="zxzc-btn">在线注册</div>
-          <img
-            src="../../assets/image/business/barcode-register.png"
-            class="barcode-register"
-            alt=""
-          />
-        </div>
+        <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>
-        <div class="register-bottom register-cont" v-if="true">
-          <zxcxgj :middle="true"/>
+        </div>
+        <div class="register-bottom register-border" v-if="true">
+          <zxcxgj :middle="true" />
         </div>
       </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>
@@ -65,16 +65,16 @@ export default {
         },
       ],
       zxcxgjCate: {
-          name: '在线查询工具',
-          ico: require('../../assets/image/business/icon_gongju.png')
-      }
+        name: "在线查询工具",
+        ico: require("../../assets/image/business/icon_gongju.png"),
+      },
     };
   },
 };
 </script>
 <style lang="scss" scoped>
 .register {
-  .register-cont {
+  .register-border {
     @include module-box;
   }
   .register-top {
@@ -88,7 +88,10 @@ export default {
       font-size: 14px;
       text-align: center;
     }
-
+    .register-top-cont {
+      max-width: 450px;
+      margin: 0 auto;
+    }
     .barcode-register {
       width: 100%;
       margin-top: 20px;
@@ -96,7 +99,6 @@ export default {
   }
   .register-bottom {
     margin-top: 20px;
-    
   }
 }
 </style>
\ No newline at end of file

src/views/Business/Renewal.vue

@@ -2,8 +2,8 @@
   <div class="row">
     <div class="col-lg-8">
       <div class="register marginTopLg20">
-        <div class="register-top register-cont">
-          <div class="container">
+        <div class="register-top register-border">
+          <div class="register-top-cont">
               <div class="zxzc-btn" @click="zxxzJump">在线续展</div>
           <img
             src="../../assets/image/business/barcode-renewal.jpg"
@@ -12,7 +12,7 @@
           />
         </div>
           </div>
-        <div class="register-bottom register-cont" v-if="false">
+        <div class="register-bottom register-border" v-if="false">
           <cate :father="zxcxgjCate"></cate>
           <div class="row zxcxgj-ul">
             <div class="col-lg-4" v-for="(tmp, i) in zxcxgjList" :key="i">
@@ -85,7 +85,7 @@ export default {
 </script>
 <style lang="scss" scoped>
 .register {
-  .register-cont {
+  .register-border {
     @include module-box;
   }
   .register-top {
@@ -100,7 +100,10 @@ export default {
       text-align: center;
       cursor: pointer;
     }
-
+    .register-top-cont {
+      max-width: 450px;
+      margin: 0 auto;
+    }
     .barcode-register {
       width: 100%;
       margin-top: 20px;

src/views/Home/comps/list.vue

@@ -25,12 +25,13 @@ export default {
   props: ["list"],
   methods: {
     handelMsg(obj) {
-      this.$router.push({
+      let routeData = this.$router.resolve({
         path: "/News/Msg",
         query: {
           id: obj.id,
         },
       });
+      window.open(routeData.href, "_blank");
     },
     handelMore() {
       window.open("/News/index", "_blank");