更新 样式

src/components/Header.vue

@@ -3,7 +3,11 @@
     <div class="left">
       <!-- <img class="first" src="../assets/three.png" alt="" />
       <div class="shu"></div> -->
-      <div class="cargo-owner" v-if="cargoOwnerName">{{ cargoOwnerName }}</div>
+      <div class="cargo-owner" v-if="cargoOwnerName">
+        {{
+          cargoOwnerName == "物产" ? "物产中大化工集团有限公司" : cargoOwnerName
+        }}
+      </div>
       <img
         v-else
         class="logo pointer"
@@ -11,9 +15,15 @@
         alt=""
         @click="goToIndex"
       />
+      <div
+        class="ml10"
+        style="color: #fff; font-size: 18px; height: 60px; padding-top: 24px"
+      >
+        智慧航运管理系统
+      </div>
       <div
         class="ml20"
-        style="color: #fff; font-size: 18px; height: 60px; padding-top: 30px"
+        style="color: #fff; font-size: 18px; height: 60px; padding-top: 24px"
       >
         version：{{ timelineData[0]?.version }}
       </div>
@@ -185,6 +195,6 @@ onMounted(() => {
 .cargo-owner {
   margin: 20px;
   color: #fff;
-  font-size: 28px;
+  font-size: 26px;
 }
 </style>

src/views/index/Login.vue

@@ -6,17 +6,16 @@
       </div>
       <div class="right">
         <div class="title">
-          <img
+          <!-- <img
             class="title-logo"
             :src="cargoOwners[currentCompanyLevelTwo]?.logoUrl"
             alt=""
-          />
+          /> -->
           <div class="title-left">
             {{ cargoOwners[currentCompanyLevelTwo]?.cargoOwner }}
           </div>
-          <div class="title-mid">丨</div>
-          <div class="title-right">智慧航运管理平台</div>
         </div>
+        <div class="title-right">智慧航运管理系统</div>
         <div class="form-container">
           <el-form :model="ruleForm" :rules="rules" ref="form">
             <el-form-item prop="phone">
@@ -154,7 +153,7 @@ let cargoOwners = ref({
   },
   // 物产
   wuchan: {
-    cargoOwner: "物产",
+    cargoOwner: "物产中大化工集团有限公司",
     cargoOwnerId: 7,
     logoUrl:
       "https://6875-huihenduo-2gx127w7f837b584-1255802371.tcb.qcloud.la/web-static/wuchan3.jpg",
@@ -329,20 +328,22 @@ onMounted(() => {
 }
 
 .title {
-  padding-top: 100px;
   width: 384px;
   height: 38px;
   display: flex;
   margin: 0 auto;
   align-items: center;
-  justify-content: space-between;
   color: #333;
+  margin-top: 40px;
+  margin-bottom: 20px;
+  justify-content: center;
 }
 
 .title-logo {
   max-width: 50px;
   max-height: 40px;
   object-fit: contain;
+  margin-right: 20px;
 }
 
 .title-left {
@@ -355,11 +356,16 @@ onMounted(() => {
 
 .title-right {
   font-size: 20px;
+  width: 384px;
+  height: 38px;
+  margin: 0 auto;
+  text-align: center;
+  color: #333;
 }
 
 .form-container {
   margin: 0 auto;
-  margin-top: 60px;
+  margin-top: 30px;
   width: 384px;
 }