页面样式修改

assets/scss/cus-client/cus-client-page.scss

@@ -848,35 +848,31 @@
 
     // 联系我们
     .contact-us-box{
-      padding: 80px 0;
-      border-top: 1px solid #ddd;
       .contact-container-box{
-        width: 460px;
-        padding: 0 40px;
+        width: 100%;
         box-sizing: border-box;
         color: rgba(0,0,0,0.85);
-        float: left;
         h4{@include setFontStyle(10);color: #3e7ee7;margin-bottom: 60px;margin-top: 20px;}
-        h5{@include setFontStyle(0);color: #333;margin-bottom: 32px;}
         li{
-          margin-bottom: 24px;
-          i{width: 22px;height: 24px;display: inline-block;background-repeat: no-repeat;background-position: center;background-size: cover;margin-right: 16px;vertical-align: middle;}
-          span{@include setFontStyle(-4);color: rgba(0,0,0,0.64);vertical-align: middle;}
+          width: 50%;display: inline-block;
+          margin-bottom: 48px;
+          i{width: 30px;height: 30px;display: inline-block;background-repeat: no-repeat;background-position: center;background-size: contain;margin-right: 8px;vertical-align: middle;}
+          span{@include setFontStyle(0);color: rgba(16, 16, 16, 100);vertical-align: middle;}
         }
-        li:nth-child(3) {
+        li:nth-child(1) {
           i {background-image: url("~static/images/client/aboutUs/contact-us-icon1.png");}
         }
-        li:nth-child(4) {
-          i {background-image: url("~static/images/client/aboutUs/contact-us-icon3.png");}
+        li:nth-child(2) {
+          i {background-image: url("~static/images/client/aboutUs/contact-us-icon2.png");}
         }
-        li:nth-child(5) {
-          i {background-image: url("~static/images/client/aboutUs/contact-us-icon5.png");}
+        li:nth-child(3) {
+          i {background-image: url("~static/images/client/aboutUs/contact-us-icon3.png");}
         }
-        li:nth-child(6) {
+        li:nth-child(4) {
           i {background-image: url("~static/images/client/aboutUs/contact-us-icon4.png");}
         }
       }
-      img{float: right}
+      img{max-width: 100%;margin: 0 auto;display: block;}
     }
     @media (max-width: 768px){
       // banner

pages/introduction/index.vue

@@ -96,19 +96,19 @@
 
 
     <!-- 联系我们 -->
-    <div class="client-container">
-      <div class="contact-us-box fn-clear">
+    <div class="contact-us-box">
+      <div class="client-container">
+        <h4 class="client-title mb40">联系我们</h4>
         <ul class="contact-container-box">
-          <h4>联系我们</h4>
-          <h5>咨询及商务合作</h5>
-          <li><i></i><span>400-052-2130</span></li>
+          <li><i></i><span>联系电话：400-052-2130</span></li>
 <!--          <li><i></i><span>1713483622/3205144194</span></li>-->
-          <li><i></i><span> service@llisoft.com</span></li>
           <li><i></i><span>投诉电话：13390017009</span></li>
-          <li><i></i><span>大连市沙河口区数码路北段25号201室</span></li>
+          <li><i></i><span>公司地址：大连市沙河口区数码路北段25号201室</span></li>
+          <li><i></i><span>公司邮箱：service@llisoft.com</span></li>
         </ul>
-        <img :src="contactUsImg" alt="联系我们" />
       </div>
+        <img :src="contactUsImg" alt="联系我们" />
+
     </div>
 
   </div>