我的申报ui优化

src/views/personalCenter/components/messageCenter.vue

@@ -11,6 +11,7 @@
         >{{ menu.name }}</li>
       </ul>
     </div>
+    <el-divider class="divider"/>
     <div class="body">
       <el-table v-loading="loading" :data="dataList" class="table">
         <el-table-column type="index" label="#" width="50" />
@@ -201,15 +202,16 @@ export default {
     display: flex;
     justify-content: space-between;
     align-items: center;
-    border-bottom: 1px solid #EBEBEB;
+    //border-bottom: 1px solid #EBEBEB;
     .title{
       font-size: 17px;
-      font-family: Source Han Sans CN-Bold, Source Han Sans CN;
+      //font-family: Source Han Sans CN-Bold, Source Han Sans CN;
       font-weight: bold;
       color: #333333;
       -webkit-background-clip: text;
       margin-right: 250px;
       padding-bottom: 16px;
+      height: 36px;
     }
     .mes-menu {
       overflow: hidden;
@@ -219,6 +221,7 @@ export default {
       justify-content: flex-start;
       margin-top: 0px;
       margin-bottom: 0px;
+      height: 36px;
       .mes-menu-item {
         font-size: 15px;
         color: #333333;
@@ -250,6 +253,7 @@ export default {
     height: auto;
     text-align: left;
     line-height: 54px;
+    color: #333333;
     //overflow : hidden;
     //text-overflow: ellipsis;
     //display: -webkit-box;
@@ -258,7 +262,7 @@ export default {
   }
   .table-title{
     cursor: pointer;
-    font-family: Source Han Sans CN-Regular, Source Han Sans CN;
+    //font-family: Source Han Sans CN-Regular, Source Han Sans CN;
     font-weight: 400;
     color: #333333;
     display:-webkit-box;
@@ -281,7 +285,7 @@ export default {
     background: #1A78E5;
     border-color: #1A78E5;
     opacity: 1;
-    border-radius: 3px;
+    border-radius: 6px;
   }
   .button-danger{
     width: 78px;
@@ -289,6 +293,7 @@ export default {
     background: #D53F2A;
     border-color: #D53F2A;
     opacity: 1;
+    border-radius: 6px;
   }
   .button-warning{
     width: 78px;
@@ -296,6 +301,7 @@ export default {
     background-color: #F18F18;
     border-color: #F18F18;
     padding: 0px;
+    border-radius: 6px;
   }
   .table{
     width: 1066px;
@@ -303,7 +309,7 @@ export default {
   }
   .button-primary-title{
     font-size: 15px;
-    font-family: Source Han Sans CN-Regular, Source Han Sans CN;
+    //font-family: Source Han Sans CN-Regular, Source Han Sans CN;
     font-weight: 400;
     color: #FFFFFF;
     -webkit-background-clip: text;
@@ -314,7 +320,7 @@ export default {
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
-      height: 31px;
+      height: 55px;
       -webkit-box-pack: start;
       -ms-flex-pack: start;
       justify-content: flex-start;
@@ -322,6 +328,12 @@ export default {
       -ms-flex-align: center;
       align-items: center;
       color: #333333;
+      padding-bottom: 20px;
+      padding-top: 20px;
     }
+  .divider{
+    margin: 0px;
+    //margin-top: -0.3px;
+  }
 }
 </style>

src/views/personalCenter/components/myDeclaration.vue

@@ -114,7 +114,6 @@ export default {
       font-size: 17px;
       font-weight: bold;
       color: #333333;
-      font-family: Source Han Sans CN-Bold, Source Han Sans CN;
     }
   }
   .body{
@@ -129,7 +128,6 @@ export default {
   }
   .table-title{
     cursor: pointer;
-    font-family: Source Han Sans CN-Regular, Source Han Sans CN;
     font-weight: 400;
     color: #333333;
     display:-webkit-box;
@@ -142,7 +140,6 @@ export default {
   }
   .table-title-after{
     font-size: 15px;
-    font-family: Source Han Sans CN-Regular, Source Han Sans CN;
     font-weight: 400;
     color: #1A78E5;
     -webkit-background-clip: text;
@@ -166,7 +163,7 @@ export default {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
-    height: 31px;
+    height: 55px;
     -webkit-box-pack: start;
     -ms-flex-pack: start;
     justify-content: flex-start;
@@ -174,6 +171,8 @@ export default {
     -ms-flex-align: center;
     align-items: center;
     color: #333333;
+    padding-bottom: 20px;
+    padding-top: 10px;
   }
 }
 </style>

src/views/personalCenter/messageDetails.vue

@@ -10,14 +10,14 @@
           <i style="cursor: pointer" class="el-icon-arrow-left" @click="handleGoBack" />
         </el-col>
         <el-col :span="23">
-          <div style="background-color: #ffffff;padding: 29px 30px 20px 30px;min-height: 500px">
+          <div style="background-color: #ffffff;padding: 29px 30px 20px 30px;min-height: 500px;width: 1400px">
             <div class="info-top">
               <div class="title">消息详情</div>
               <el-button type="text" class="updataBtn" @click="handleDel">
                 <i class="el-icon-delete-solid" />
                 删除</el-button>
             </div>
-            <!--            <el-divider />-->
+<!--            <el-divider class="divider"/>-->
             <div class="body">
               <div class="form-title">{{ form.title }}</div>
               <div class="value" v-html="form.content" />
@@ -118,7 +118,7 @@ export default {
       margin-top: 30px;
     }
     .info-top{
-      padding-bottom: 18px;
+      padding-bottom: 13px;
       border-bottom: 1px solid #EBEBEB;
       display: flex;
       justify-content: space-between;
@@ -130,7 +130,7 @@ export default {
       }
       .updataBtn{
         font-size: 15px;
-        font-family: Source Han Sans CN-Regular, Source Han Sans CN;
+        //font-family: Source Han Sans CN-Regular, Source Han Sans CN;
         font-weight: 400;
         color: #1A78E5;
         -webkit-background-clip: text;
@@ -146,7 +146,7 @@ export default {
       }
       ::v-deep.value{
         font-size: 15px;
-        font-family: Source Han Sans CN-Regular, Source Han Sans CN;
+        //font-family: Source Han Sans CN-Regular, Source Han Sans CN;
         font-weight: 400;
         color: #333333;
         line-height: 25px;
@@ -160,7 +160,7 @@ export default {
         padding-top: 30px;
         float: right;
         font-size: 15px;
-        font-family: Source Han Sans CN-Regular, Source Han Sans CN;
+        //font-family: Source Han Sans CN-Regular, Source Han Sans CN;
         font-weight: 400;
         color: #333333;
         line-height: 24px;
@@ -169,7 +169,7 @@ export default {
       .form-title{
         text-align: center;
         font-size: 19px;
-        font-family: Source Han Sans CN-Bold, Source Han Sans CN;
+        //font-family: Source Han Sans CN-Bold, Source Han Sans CN;
         font-weight: bold;
         color: #333333;
         -webkit-background-clip: text;
@@ -181,9 +181,9 @@ export default {
   .el-icon-arrow-left{
     color: #1A78E5;
     font-weight: bold;
-    padding-top: 41px;
+    padding-top: 34px;
     float: right;
-    margin-right: 20px;
+    margin-right: 16px;
   }
 }
 </style>

vue.config.js

@@ -54,10 +54,9 @@ module.exports = {
         // target: `http://192.168.1.17:10010/internal`,
         // target: `http://10.5.87.231:10010/internal`,
         target: `http://116.205.136.218:8080/`,
-        // target: `http://192.168.1.8:8080/`,
         // target: `http://192.168.1.75:8080/`,
         // target: `http://192.168.1.20:8080/`,
-        target: `http://192.168.1.55:8080/`,
+        // target: `http://192.168.1.55:8080/`,
         // target: `http://192.168.1.13:8080/`,
         changeOrigin: true,
         pathRewrite: {