修改主题

public/version.json

@@ -1,3 +1,3 @@
 {
-  "value": "20231025110649"
+  "value": "20231025182646"
 }

src/config/app.js

@@ -3,5 +3,5 @@ import theme from './theme'
 //默认配置
 export default {
     theme: 'light', //用户可选择类型：auto,light, dark
-    color: theme.color[1]
+    color: theme.color[0],
 }

src/config/theme.js

@@ -1,10 +1,8 @@
 //主题配置
 export default {
     color: [
-        { name: 'green', color: '#1ECC95', label: '森绿' }, { name: 'blue', color: '#204DA0', label: '蓝色' },
-        { name: 'cyan', color: '#37c0fe', label: '天青' }, { name: 'purple', color: '#8044de', label: '姹紫' },
-        { name: 'mauve', color: '#b745cb', label: '木槿' }, { name: 'pink', color: '#e03997', label: '桃粉' },
-        { name: 'red', color: '#e54d42', label: '嫣红' }, { name: 'orange', color: '#f37b1d', label: '橘橙' },
-        { name: 'yellow', color: '#fbbd08', label: '明黄' }, { name: 'brown', color: '#a5673f', label: '棕褐' },
+        { name: 'blue', color: '#204DA0', label: '深蓝' },
+        { name: 'light-blue', color: '#409eff', label: '浅蓝' },
+        { name: 'black1', color: '#2c3643', label: '黑色' },
     ],
 }

src/styles/app/main.scss

@@ -7,3 +7,21 @@ embed {
     overflow-clip-margin: content-box !important;
     overflow: clip !important;
 }
+
+.bg-blue {
+    background-color: #004ca7 !important;
+    color: white !important;
+}
+
+.bg-light-blue {
+    background-color: #409eff !important;
+    color: white !important;
+}
+.bg-black1 {
+    background-color: #2c3643 !important;
+    color: white !important;
+}
+
+.gutter {
+    background-color: transparent;
+}

src/styles/view/login.scss

@@ -10,14 +10,19 @@
         left: 30px;
         top: 30px;
         user-select: none;
+        color: #1ECC95;
+        text-decoration: none;
+        display: flex;
+        align-items: center;
         img {
             height: 40px;
         }
         #logo-icon {
             height: 36px;
         }
-        #logo-name {
-            margin-left: 6px;
+        .logo-name {
+            font-size: 28px;
+            margin-left: 4px;
         }
     }
     .left-pic-container {

src/views/login/index.vue

@@ -2,7 +2,7 @@
     <div class="login-body">
         <a v-if="appLogoIcon" class="left-logo" href="http://hczc.hcxxy.com/" target="_blank">
             <img id="logo-icon" alt="" :src="appLogoIcon">
-            <img id="logo-name" alt="" :src="appLogoName">
+            <span class="logo-name">计量支付系统</span>
         </a>
         <div class="left-pic-container">
             <HcPicVue v-if="defer(10)" />
@@ -12,18 +12,12 @@
             <div class="sign-list">
                 <h1 class="font-lg">登录</h1>
                 <div class="form-box mt-4">
-                    <el-form
-                        ref="formRef" :model="formValue" :rules="formRules" label-position="left" label-width="0px"
-                        size="large"
-                    >
+                    <el-form ref="formRef" :model="formValue" :rules="formRules" label-position="left" label-width="0px" size="large">
                         <el-form-item prop="username">
                             <el-input v-model="formValue.username" clearable placeholder="账号" />
                         </el-form-item>
                         <el-form-item class="mt-8" prop="password">
-                            <el-input
-                                v-model="formValue.password" clearable placeholder="密码" show-password
-                                type="password" @keyup="passwordKeyUp"
-                            >
+                            <el-input v-model="formValue.password" clearable placeholder="密码" show-password type="password" @keyup="passwordKeyUp">
                                 <template #suffix>
                                     <span class="clickable-text" @click="clickableClick">忘记密码</span>
                                 </template>
@@ -36,9 +30,7 @@
                             <el-checkbox v-model="checkbox" label="记住密码" />
                         </el-form-item>
                         <el-form-item class="mt-8">
-                            <el-button :loading="loading" block type="primary" @click="formValidateClick">
-                                登 录
-                            </el-button>
+                            <el-button :loading="loading" block type="primary" @click="formValidateClick">登 录</el-button>
                         </el-form-item>
                     </el-form>
                 </div>