修改首页模块宽度

package.json

@@ -31,6 +31,7 @@
     "vue": "^2.6.11",
     "vue-baidu-map": "^0.21.22",
     "vue-router": "^3.1.6",
+    "vue-slick-carousel": "^1.0.6",
     "vuex": "^3.1.3",
     "wangeditor": "^3.1.1",
     "xss": "^1.0.6"

src/views/Home/index.vue

@@ -44,7 +44,7 @@
     <div class="bgWhite padding40">
       <div class="container">
         <div class="row">
-          <div class="col-lg-8 newsBanner">
+          <div class="col-lg-6 newsBanner">
             <VueSlickCarousel
               v-bind="newsBannerSettings"
               v-if="newsBanner.length > 0"
@@ -125,7 +125,7 @@
               </div>
             </div>
           </div>
-          <div class="col-lg-4">
+          <div class="col-lg-6">
             <ul class="nav nav-tabs tabs1" id="myTab" role="tablist">
               <li
                 class="nav-item"
@@ -165,7 +165,7 @@
     <div class="container">
       <div class="padding30">
         <div class="row">
-          <div class="col-lg-8">
+          <div class="col-lg-6">
             <div class="ywdt">
               <div class="cate">业务大厅</div>
               <div class="row">
@@ -251,7 +251,7 @@
               </div>
             </div>
           </div>
-          <div class="col-lg-4">
+          <div class="col-lg-6">
             <div class="dzfw">
               <div class="cate">定制服务</div>
               <div class="bgWhite container">
@@ -721,12 +721,12 @@ export default {
       kjywblzq: [
         {
           ico: require("../../assets/image/home/kjywblzq-ico1.png"),
-          name: "GLN业务办理",
-          url: "/Business/GLN",
+          name: "LEI业务办理",
         },
         {
           ico: require("../../assets/image/home/kjywblzq-ico2.png"),
-          name: "LEI业务办理",
+          name: "GLN业务办理",
+          url: "/Business/GLN",
         },
       ],
       dzfw: [
@@ -751,6 +751,19 @@ export default {
           type: "link",
         },
         {
+          ico: require("../../assets/image/home/dzfw-ico12.png"),
+          name: "追溯平台",
+          isChecked: true,
+          url: "/Service/Chinatrace",
+        },
+        {
+          ico: require("../../assets/image/home/dzfw-ico7.png"),
+          name: "条码商桥",
+          isChecked: true,
+          url: "http://so.anccnet.com/Home/Login",
+          type: "link",
+        },
+        {
           ico: require("../../assets/image/home/dzfw-ico4.png"),
           name: "商品二维码",
           isChecked: true,
@@ -765,55 +778,44 @@ export default {
           type: "link",
         },
         {
-          ico: require("../../assets/image/home/dzfw-ico6.png"),
-          name: "条码信息查询",
+          ico: require("../../assets/image/home/dzfw-ico11.png"),
+          name: "条码/射频(RFID)/软件检测服务",
           isChecked: true,
+          url: "/Service/jcyxz/Barcode",
         },
         {
-          ico: require("../../assets/image/home/dzfw-ico7.png"),
-          name: "条码商桥",
+          ico: require("../../assets/image/home/dzfw-ico9.png"),
+          name: "ECODE",
           isChecked: true,
-          url: "http://so.anccnet.com/Home/Login",
-          type: "link",
         },
         {
+          ico: require("../../assets/image/home/dzfw-ico13.png"),
+          name: "教育知识管理平台",
+          isChecked: true,
+        },
+        {
+          ico: require("../../assets/image/home/dzfw-ico6.png"),
+          name: "条码信息查询",
+          isChecked: true,
+        },
+
+        {
           ico: require("../../assets/image/home/dzfw-ico8.png"),
           name: "产品服务",
           isChecked: false,
           url: "/Service/BarcodeV",
         },
-        {
-          ico: require("../../assets/image/home/dzfw-ico9.png"),
-          name: "ECODE",
-          isChecked: true,
-        },
+
         {
           ico: require("../../assets/image/home/dzfw-ico10.png"),
           name: "平台服务",
           isChecked: false,
           url: "/Service/GDS",
         },
-        {
-          ico: require("../../assets/image/home/dzfw-ico11.png"),
-          name: "条码/射频(RFID)/软件检测服务",
-          isChecked: true,
-          url: "/Service/jcyxz/Barcode",
-        },
-        {
-          ico: require("../../assets/image/home/dzfw-ico12.png"),
-          name: "追溯平台",
-          isChecked: true,
-          url: "/Service/Chinatrace",
-        },
-        {
-          ico: require("../../assets/image/home/dzfw-ico13.png"),
-          name: "教育知识管理平台",
-          isChecked: true,
-        },
       ],
       dzfLastChild: {
         ico: require("../../assets/image/home/dzfw-more.png"),
-        name: "更多",
+        name: "更多定制",
         isChecked: true,
         method: this.dzfwMoreHandel,
       },
@@ -1407,6 +1409,7 @@ export default {
     color: #0e2c6b;
     font-size: 18px;
     margin-bottom: 30px;
+    font-weight: 600;
     // font-family: PingFangSC-Medium, PingFang SC;
   }
   .ywdt {
@@ -1435,7 +1438,7 @@ export default {
           color: #0e2c6b;
           font-size: 18px;
           // font-family: PingFangSC-Medium, PingFang SC;
-          font-weight: 500;
+          font-weight: 600;
         }
         &:nth-child(2) {
           color: #0e2c6b;
@@ -1471,6 +1474,7 @@ export default {
         color: #0e2c6b;
         font-size: 14px;
         cursor: pointer;
+        font-weight: 600;
         // font-family: PingFangSC-Medium, PingFang SC;
       }
     }
@@ -1485,7 +1489,7 @@ export default {
         height: 52px;
       }
       .ywdt-bt {
-        width: 55%;
+        width: 125px;
         margin: 0 auto;
       }
     }
@@ -1517,10 +1521,12 @@ export default {
           border-top: 1px solid #f0f5fa;
         }
         .dzfw-bt {
+          width: 100px;
           font-size: 12px;
+          margin: 0 auto;
           margin-top: 20px;
           // font-family: PingFangSC-Medium, PingFang SC;
-          font-weight: 500;
+          font-weight: 600;
           color: #0e2c6b;
         }
       }
@@ -1654,14 +1660,14 @@ export default {
       font-size: 18px;
       padding: 15px 0 15px 20px;
       // font-family: PingFangSC-Medium, PingFang SC;
-      font-weight: 500;
+      font-weight: 600;
     }
     .home-bottom-cont {
       margin: 0;
       display: flex;
       flex-wrap: wrap;
       justify-content: space-between;
-      >div{
+      > div {
         background: #fff;
         margin-top: 40px;
       }