优化

src/components/Header.vue

@@ -6,7 +6,7 @@
     <p class="title-test">{{ title }}</p>
     <p class="separation-line" />
     <img class="customer-logo" :src="customerLogo" />
-    <p class="customer-name">{{customerName}}</p>
+    <p class="customer-name">{{ customerName }}</p>
     <div class="user-info-wrap">
       <el-dropdown>
         <el-avatar
@@ -40,28 +40,30 @@
 
 <script>
 import { mapState, mapActions } from "vuex";
-import moment from 'moment'
+import moment from "moment";
 export default {
   name: "HelloWorld",
   data() {
     return {
-      logo: process.env["VUE_APP_LOGO"]? require(process.env["VUE_APP_LOGO"]) : require("../assets/img/logo.png"),
-      title: process.env["VUE_APP_TITLE"]? process.env["VUE_APP_TITLE"] : "领新智科",
-      customerLogo:process.env["VUE_APP_CUSTOMER_LOGO"]? require(process.env["VUE_APP_CUSTOMER_LOGO"])  : require("../assets/img/customer-logo.png"),
-      customerName:process.env["VUE_APP_CUSTOMER_NAME"]? require(process.env["VUE_APP_CUSTOMER_NAME"])  : '瑞玛工业',
+      logo: process.env["VUE_APP_LOGO"] ? require(process.env["VUE_APP_LOGO"]): require("../assets/img/logo.png"),
+      title: process.env["VUE_APP_TITLE"] ? process.env["VUE_APP_TITLE"]: "领新智科",
+      customerLogo: process.env["VUE_APP_CUSTOMER_LOGO"] ? require(process.env["VUE_APP_CUSTOMER_LOGO"]): require("../assets/img/customer-logo.png"),
+      customerName: process.env["VUE_APP_CUSTOMER_NAME"] ? process.env["VUE_APP_CUSTOMER_NAME"]: "瑞玛工业",
       menuImg: require("../assets/img/menu-img.png"),
       userInfo: {
         avatar: require("../assets/img/logo.png"),
         nickName: "",
         name: "",
       },
-      systemTime:moment().format('YYYY-MM-DD HH:mm:ss')
+      systemTime: moment().format("YYYY-MM-DD HH:mm:ss"),
     };
   },
   created() {
     let userInfo = JSON.parse(localStorage.userInfo) || {};
     if (userInfo.avatar) {
-      userInfo.avatar = process.env["VUE_APP_BASE_URL"]?process.env["VUE_APP_BASE_URL"]:'http://101.201.121.115:9003/' + userInfo.avatar;
+      userInfo.avatar = process.env["VUE_APP_BASE_URL"]
+        ? process.env["VUE_APP_BASE_URL"]
+        : "http://101.201.121.115:9003/" + userInfo.avatar;
     }
     this.userInfo = userInfo;
     this.setSystemTime();
@@ -87,12 +89,12 @@ export default {
       });
     },
     // 时间
-    setSystemTime(){
-      this.systemTime=moment().format('YYYY-MM-DD HH:mm:ss');
-      setTimeout(()=>{
+    setSystemTime() {
+      this.systemTime = moment().format("YYYY-MM-DD HH:mm:ss");
+      setTimeout(() => {
         this.setSystemTime();
-      }, 1000)
-    }
+      }, 1000);
+    },
   },
 };
 </script>
@@ -152,7 +154,7 @@ export default {
     color: #ffffff;
     line-height: 80px;
     text-shadow: 0px -1px 0px #215c85;
-    font-style:oblique;
+    font-style: oblique;
   }
   .user-info-wrap {
     float: right;
@@ -207,14 +209,14 @@ export default {
     margin: 19px 24px;
     background: #ffffff;
   }
-  .customer-logo{
+  .customer-logo {
     float: left;
     width: 125px;
     height: 50px;
     margin-top: 15px;
     margin-right: 40px;
   }
-  .customer-name{
+  .customer-name {
     float: left;
     margin: 0;
     min-width: 100px;
@@ -222,8 +224,8 @@ export default {
     font-size: 22px;
     font-family: PingFangSC-Semibold, PingFang SC;
     font-weight: 600;
-    color: #FFFFFF;
-    text-shadow: 0px -1px 0px #1E5353;
+    color: #ffffff;
+    text-shadow: 0px -1px 0px #1e5353;
   }
   .item {
     float: right;