css

src/assets/css/about/contact.less

@@ -127,10 +127,10 @@
       }
 
       .mapbg {
-        width: 100%;
-        height: 344px;
-        background: url(../../images/aboutus/map.jpg) no-repeat center;
-        background-size: cover;
+        img {
+          width: 100%;
+          object-fit: cover;
+        }
       }
 
       .address-con-group {

src/assets/css/about/contact.min.css

@@ -101,11 +101,9 @@
   font-weight: bold;
   margin-left: 4px;
 }
-.contact .address-info .add-info-box .mapbg {
+.contact .address-info .add-info-box .mapbg img {
   width: 100%;
-  height: 344px;
-  background: url(../../images/aboutus/map.jpg) no-repeat center;
-  background-size: cover;
+  object-fit: cover;
 }
 .contact .address-info .add-info-box .address-con-group {
   width: 9.6rem;

src/assets/css/about/contact.min.css.map

-{"version":3,"sources":["contact.less"],"names":[],"mappings":"AAAA;EACE,oBAAA;EACA,sBAAA;EAQA,WAAA;EACA,eAAA;EACA,iBAAA;;AAZF,QAIE;EACE,cAAA;EACA,kBAAA;EACA,cAAA;;AAPJ,QAcE;EACE,aAAA;EACA,eAAA;EACA,mBAAA;EACA,4DAAA;EACA,sBAAA;EACA,cAAA;EACA,sBAAA;EACA,qBAAA;EACA,oBAAA;;AAvBJ,QAcE,QAWE;EACE,aAAA;;AA1BN,QAcE,QAeE;EACE,qBAAA;;AA9BN,QAcE,QAmBE;EACE,eAAA;EACA,qBAAA;;AAEA,QAvBJ,QAmBE,EAIG;EACC,cAAA;;AAGF,QA3BJ,QAmBE,EAQG;EACC,cAAA;;AAGF,QA/BJ,QAmBE,EAYG;EACC,cAAA;;AAGF,QAnCJ,QAmBE,EAgBG;EACC,cAAA;;AAlDR,QAcE,QAwCE;EACE,mBAAA;;AAvDN,QA2DE;EACE,sBAAA;EACA,aAAA;;AA7DJ,QA2DE,cAIE,kBACE;EACE,oBAAA;EACA,kBAAA;EACA,eAAA;EACA,mBAAA;EACA,4DAAA;EACA,gCAAA;EACA,qBAAA;EACA,kBAAA;;AAEA,QAfN,cAIE,kBACE,GAUG;EACC,eAAA;;AAGF,QAnBN,cAIE,kBACE,GAcG;EACC,mBAAA;EACA,WAAA;;AAhFV,QA2DE,cA0BE;EACE,mBAAA;EACA,4DAAA;EACA,kBAAA;EACA,sBAAA;;AAzFN,QA2DE,cA0BE,cAME;EACE,aAAA;;AA5FR,QA2DE,cA0BE,cAME,YAGE;EACE,iBAAA;;AAEA,QAtCR,cA0BE,cAME,YAGE,GAGG;EACC,eAAA;;AAlGZ,QA2DE,cA0BE,cAME,YAGE,GAOE;EACE,WAAA;EACA,YAAA;;AAEA,QA9CV,cA0BE,cAME,YAGE,GAOE,EAIG;EACC,yBAAA;;AAGF,QAlDV,cA0BE,cAME,YAGE,GAOE,EAQG;EACC,yBAAA;;AAGF,QAtDV,cA0BE,cAME,YAGE,GAOE,EAYG;EACC,yBAAA;;AAlHd,QA2DE,cA0BE,cAME,YAGE,GAyBE;EACE,eAAA;EACA,cAAA;EACA,iBAAA;EACA,gBAAA;;AA3HZ,QA2DE,cA0BE,cA2CE;EACE,WAAA;EACA,aAAA;EACA,8DAAA;EACA,sBAAA;;AApIR,QA2DE,cA0BE,cAkDE;EACE,aAAA;EACA,oBAAA;EACA,qBAAA;;AA1IR,QA2DE,cA0BE,cAkDE,mBAKE;EACE,cAAA;;AA7IV,QA2DE,cA0BE,cAkDE,mBASE;EACE,kBAAA;;AAjJV,QA2DE,cA0BE,cAkDE,mBAaE;EACE,kBAAA;;AArJV,QA2DE,cA0BE,cAkDE,mBAiBE;EACE,eAAA;EACA,cAAA;EACA,qBAAA;;AA3JV,QA2DE,cA0BE,cA2EE;EACE,eAAA;EACA,kBAAA","file":"contact.min.css"}
\ No newline at end of file
+{"version":3,"sources":["contact.less"],"names":[],"mappings":"AAAA;EACE,oBAAA;EACA,sBAAA;EAQA,WAAA;EACA,eAAA;EACA,iBAAA;;AAZF,QAIE;EACE,cAAA;EACA,kBAAA;EACA,cAAA;;AAPJ,QAcE;EACE,aAAA;EACA,eAAA;EACA,mBAAA;EACA,4DAAA;EACA,sBAAA;EACA,cAAA;EACA,sBAAA;EACA,qBAAA;EACA,oBAAA;;AAvBJ,QAcE,QAWE;EACE,aAAA;;AA1BN,QAcE,QAeE;EACE,qBAAA;;AA9BN,QAcE,QAmBE;EACE,eAAA;EACA,qBAAA;;AAEA,QAvBJ,QAmBE,EAIG;EACC,cAAA;;AAGF,QA3BJ,QAmBE,EAQG;EACC,cAAA;;AAGF,QA/BJ,QAmBE,EAYG;EACC,cAAA;;AAGF,QAnCJ,QAmBE,EAgBG;EACC,cAAA;;AAlDR,QAcE,QAwCE;EACE,mBAAA;;AAvDN,QA2DE;EACE,sBAAA;EACA,aAAA;;AA7DJ,QA2DE,cAIE,kBACE;EACE,oBAAA;EACA,kBAAA;EACA,eAAA;EACA,mBAAA;EACA,4DAAA;EACA,gCAAA;EACA,qBAAA;EACA,kBAAA;;AAEA,QAfN,cAIE,kBACE,GAUG;EACC,eAAA;;AAGF,QAnBN,cAIE,kBACE,GAcG;EACC,mBAAA;EACA,WAAA;;AAhFV,QA2DE,cA0BE;EACE,mBAAA;EACA,4DAAA;EACA,kBAAA;EACA,sBAAA;;AAzFN,QA2DE,cA0BE,cAME;EACE,aAAA;;AA5FR,QA2DE,cA0BE,cAME,YAGE;EACE,iBAAA;;AAEA,QAtCR,cA0BE,cAME,YAGE,GAGG;EACC,eAAA;;AAlGZ,QA2DE,cA0BE,cAME,YAGE,GAOE;EACE,WAAA;EACA,YAAA;;AAEA,QA9CV,cA0BE,cAME,YAGE,GAOE,EAIG;EACC,yBAAA;;AAGF,QAlDV,cA0BE,cAME,YAGE,GAOE,EAQG;EACC,yBAAA;;AAGF,QAtDV,cA0BE,cAME,YAGE,GAOE,EAYG;EACC,yBAAA;;AAlHd,QA2DE,cA0BE,cAME,YAGE,GAyBE;EACE,eAAA;EACA,cAAA;EACA,iBAAA;EACA,gBAAA;;AA3HZ,QA2DE,cA0BE,cA2CE,OACE;EACE,WAAA;EACA,iBAAA;;AAnIV,QA2DE,cA0BE,cAkDE;EACE,aAAA;EACA,oBAAA;EACA,qBAAA;;AA1IR,QA2DE,cA0BE,cAkDE,mBAKE;EACE,cAAA;;AA7IV,QA2DE,cA0BE,cAkDE,mBASE;EACE,kBAAA;;AAjJV,QA2DE,cA0BE,cAkDE,mBAaE;EACE,kBAAA;;AArJV,QA2DE,cA0BE,cAkDE,mBAiBE;EACE,eAAA;EACA,cAAA;EACA,qBAAA;;AA3JV,QA2DE,cA0BE,cA2EE;EACE,eAAA;EACA,kBAAA","file":"contact.min.css"}
\ No newline at end of file

src/views/aboutUs/contact.vue

@@ -63,7 +63,9 @@
                         <span>各地办事处</span>
                     </li>
                 </ul>
-                <div class="mapbg" @click="imagePreviewChange()"></div>
+                <div class="mapbg" @click="imagePreviewChange()">
+                    <img src="@/assets/images/aboutus/map.jpg" alt="">
+                </div>
             </div>
             <div class="add-info-box" v-show="act==1">
                 <div class="address-con-group boxsiz">
@@ -196,9 +198,7 @@
     computed: {},
     methods: {
       imagePreviewChange() {
-        wx.previewImage({
-          current: 'http://img.ichunt.com/images/ichunt/202207/01/288db90e07fd1b98c3cd975a04b39cf6.jpg'
-        });
+
       },
       showBox(index) {
         this.act = index;

view/css/chunk-92c085f2.daa5368f.css

-.contact{padding-top:.27rem;padding-bottom:.3rem;color:#333;font-size:12px;font-weight:700}.contact .a4a4{color:#a4a4a4;position:relative;left:-.12rem}.contact .groupp{width:9.6rem;height:1.87rem;background:#fff;-webkit-box-shadow:0 0 .09rem 0 rgba(180,202,211,.38);box-shadow:0 0 .09rem 0 rgba(180,202,211,.38);border-radius:.08rem;margin:0 auto;margin-bottom:.27rem;padding-left:.57rem;padding-top:.39rem}.contact .groupp .wh{width:2.7rem}.contact .groupp .rbps{margin-bottom:.1rem}.contact .groupp i{font-size:26px;margin-right:.36rem}.contact .groupp i.iconaa5{color:#ffc423}.contact .groupp i.iconaa6{color:#1768e4}.contact .groupp i.iconaa3{color:#7dbd47}.contact .groupp i.iconaa4{color:#905ae6}.contact .groupp .rpcon{margin-left:1.4rem}.contact .address-info{margin:.48rem auto 0;width:9.6rem}.contact .address-info .add-info-box-tab li{line-height:.93rem;text-align:center;height:.93rem;background:#fff;-webkit-box-shadow:0 0 .09rem 0 rgba(180,202,211,.38);box-shadow:0 0 .09rem 0 rgba(180,202,211,.38);border-radius:3px 3px 0 0;margin-right:.13rem;padding:0 .05rem}.contact .address-info .add-info-box-tab li:last-child{margin-right:0}.contact .address-info .add-info-box-tab li.act{background:#1969f9;color:#fff}.contact .address-info .add-info-box{background:#fff;-webkit-box-shadow:0 0 .09rem 0 rgba(180,202,211,.38);box-shadow:0 0 .09rem 0 rgba(180,202,211,.38);border-radius:3px;padding-bottom:.2rem}.contact .address-info .add-info-box .mapbg-list{padding:10px}.contact .address-info .add-info-box .mapbg-list li{margin-right:5px}.contact .address-info .add-info-box .mapbg-list li:last-child{margin-right:0}.contact .address-info .add-info-box .mapbg-list li i{width:10px;height:10px}.contact .address-info .add-info-box .mapbg-list li i.color1{background-color:#1280d0}.contact .address-info .add-info-box .mapbg-list li i.color2{background-color:#ff812f}.contact .address-info .add-info-box .mapbg-list li i.color3{background-color:#004b8b}.contact .address-info .add-info-box .mapbg-list li span{font-size:14px;color:#000;font-weight:700;margin-left:4px}.contact .address-info .add-info-box .mapbg{width:100%;height:344px;background:url(../img/map.95e017aa.jpg) no-repeat 50%;background-size:cover}.contact .address-info .add-info-box .address-con-group{width:9.6rem;padding-top:.45rem;padding-left:.17rem}.contact .address-info .add-info-box .address-con-group .a4a4{color:#a4a4a4}.contact .address-info .add-info-box .address-con-group .mt2{margin-top:.2rem}.contact .address-info .add-info-box .address-con-group .mt4{margin-top:.5rem}.contact .address-info .add-info-box .address-con-group i{font-size:14px;color:#6f6f6f;margin-right:.19rem}.contact .address-info .add-info-box .dtbox{height:5.07rem;margin-top:.4rem}
\ No newline at end of file