导航栏样式修改+专业概况

ant-design-vue-jeecg/src/views/cms/components/HeaderView.vue

@@ -74,20 +74,16 @@ export default {
 <!-- Add "scoped" attribute to limit CSS to this component only -->
 <style scoped lang="less">
 .header {
-  width: 1920px;
+  width: 100%;
   height: 365px;
   // background: #2080f7;
   position: relative;
+  padding: 0 100px;
   .navBox {
     height: 118px;
-    width: 1620px;
-    margin: 0 auto;
-    // img {
-    //   /*width: 200px;*/
-    //   /*height: 59px;*/
-    // }
     .d-flex {
-      width: 1080px;
+      width: 67%;
+      min-width: 1030px;
       align-items: center;
       font-size: 20px;
       a {

ant-design-vue-jeecg/src/views/cms/pages/professionalSummary/professionalSummary.vue

@@ -14,10 +14,11 @@
             'content-right': index % 2 === 1,
           }"
           class="content"
+          style="width: 66%;"
         >
           <div class="card-header">
             <span class="headername">{{ item.headername }}</span>
-            <router-link :to="{ path: getRouterLink(item.id) }" class="alltext">全部内容</router-link>
+            <router-link :to="{ path: getRouterLink(item.id) }" class="alltext">查看全部<i class="el-icon-arrow-right"></i></router-link>
           </div>
           <div class="headercontent">{{ item.content }}</div>
         </el-card>
@@ -85,24 +86,26 @@ export default {
   display: flex;
   height: 380px;
   flex-direction: row-reverse;
+  justify-content: space-between;
   margin-bottom: 20px;
 }
 .card-header {
   height: 50px;
+  margin-bottom: 45px;
 }
 .headercontent {
-  height: 208px;
+  color: #9E9E9E;
-
+  font-size: 14px;
-  color: #302e2e;
+  height: 125px;
-  line-height: 20px;
+  line-height: 25px;
-  margin-bottom: 30px;
   overflow: hidden;
 }
 .content {
   flex: 7;
   order: 2;
-  margin: 0 15px;
+  /*margin: 0 15px;*/
-  padding: 20px;
+  padding: 80px;
+
 }
 
 .headername {
@@ -119,6 +122,11 @@ export default {
   font-weight: 400;
   color: #d9d9d9;
 }
+.el-icon-arrow-right{
+  margin-left: 14px;
+  font-size: 8px;color: #d9d9d9;
+  font-weight: bold;
+}
 
 .el-image {
   width: 100%;
@@ -132,10 +140,15 @@ export default {
   height: 380px;
   display: flex;
   justify-content: center;
+  width: 32.5%;
 }
 
 .bigbox:nth-child(even) .content {
   order: 1;
+  margin-left: 20px;
+}
+.bigbox:nth-child(odd) .content {
+  margin-right:20px
 }
 
 .bigbox:nth-child(even) .image {