修改手机下商品全球身份证图片失真和业务大厅排版问题

src/views/Home/index.vue

 <template>
   <div class="home">
     <!-- Banner图 -->
-    <div
-      id="banner"
-      class="banner carousel slide"
-      data-bs-ride="carousel"
-    >
+    <div id="banner" class="banner carousel slide" data-bs-ride="carousel">
       <div class="carousel-indicators">
         <button
           type="button"
@@ -251,7 +247,7 @@
                   </button>
                   <div class="row ywdt-kj">
                     <div
-                      class="col-lg-6"
+                      class="col-6"
                       v-for="(tmp, i) in whbsxtcy"
                       :key="i"
                       @click="whbsxtcyHandelClick(i)"
@@ -270,7 +266,7 @@
                   </div>
                   <div class="row ywdt-kj">
                     <div
-                      class="col-lg-6"
+                      class="col-6"
                       v-for="(tmp, i) in wsxtcy"
                       :key="i"
                       @click="wsxtcyHandelClick(i)"
@@ -290,7 +286,7 @@
                   </div>
                   <div class="row ywdt-kj">
                     <div
-                      class="col-lg-6"
+                      class="col-6"
                       v-for="(tmp, i) in wsylqy"
                       :key="i"
                       @click="wsylqyHandelClick(i)"
@@ -308,7 +304,7 @@
                   </div>
                   <div class="row ywdt-kj">
                     <div
-                      class="col-lg-6"
+                      class="col-6"
                       v-for="(tmp, i) in kjywblzq"
                       :key="i"
                       @click="kjywblzqHandelClick(i)"
@@ -474,7 +470,7 @@
             <img src="../../assets/image/home/spqqsfz-tp.png" alt="" />
           </div>
           <div class="spqqsfz-cont-right col-lg-9">
-            <img src="../../assets/image/home/spqqsfz-bj2.png" alt="" />
+            <!-- <img src="../../assets/image/home/spqqsfz-bj2.png" alt="" /> -->
             <div class="right-cont">
               <div class="row">
                 <div class="col offset-2 offset-lg-3">
@@ -1206,6 +1202,11 @@ export default {
   .dzfwMessage {
     width: 120px;
   }
+  .spqqsfz {
+    .spqqsfz-cont-right {
+      background: #e25020 !important;
+    }
+  }
 }
 </style>
 <style lang="scss" scoped>
@@ -1585,6 +1586,8 @@ export default {
       }
       .spqqsfz-cont-right {
         position: relative;
+        background: url("../../assets/image/home/spqqsfz-bj2.png") no-repeat;
+        background-size: 100% 100%;
         img {
           width: 100%;
           height: 100%;