Ver Fonte

feat: 主题色修改& 平台名称logo替换

liming há 5 meses atrás
pai
commit
f9c2ba344e

+ 2 - 2
index.html

@@ -2,9 +2,9 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <link rel="icon" type="image/svg+xml" href="/src/assets/images/logo.png" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite + Vue</title>
+    <title>Easy life</title>
     <style type="text/css">
       #Loading {
         width: 100vw;

+ 2 - 3
src/assets/css/theme.less

@@ -1,8 +1,6 @@
 @layout-header-height: #fff;
 // 背景 边框
 @layout-split-color: var(--color-neutral-2);
-
-
 // 背景
 @bg_color_1: var(--color-bg-1); // 整体背景色
 @bg_color_2: var(--color-bg-2); // 一级容器背景
@@ -24,4 +22,5 @@
 @text_color_1: var(--color-text-1); // 强调/正文标题
 @text_color_2: var(--color-text-2); // 次强调/正文标题
 @text_color_3: var(--color-text-3); // 次要信息
-@text_color_4: var(--color-text-4); // 置灰信息
+@text_color_4: var(--color-text-4); // 置灰信息
+

BIN
src/assets/images/logo.png


+ 2 - 2
src/components/Layout/components/layout/blendLeft.vue

@@ -4,8 +4,8 @@
       @collapse="evMenuSecondLongShow" v-model:collapsed="menuSecondLongShow">
       <div class="logo-layout">
         <div class="logo">
-          <img src="@/assets/vite.svg" />
-          <h3 v-if="!menuSecondLongShow">Admin Pro</h3>
+          <img src="@/assets/images/logo.png" style="height: 26px; width: 26px;" />
+          <h3 v-if="!menuSecondLongShow" style="margin-left: 10px;"> Easy life</h3>
         </div>
       </div>
 

+ 1 - 1
src/main.js

@@ -6,7 +6,7 @@ import { setupStore } from '@/store'
 
 
 import ArcoVue from '@arco-design/web-vue';
-import '@arco-design/web-vue/dist/arco.css';
+import '@arco-design/web-vue/dist/arco.less';
 
 
 /* 其他模块引入 */

+ 3 - 3
src/views/login/index.vue

@@ -2,7 +2,7 @@
   <div class="container">
     <div class="logo">
       <!-- <img alt="logo" :src="carouselItem.image" style="height: 50px; border-radius: 50%" /> -->
-      <div class="logo-text">Management Platform</div>
+      <div class="logo-text">Easy life Platform</div>
     </div>
 
 
@@ -29,8 +29,8 @@ import LoginForm from './login-form.vue'
 
 import bannerImage from '@/assets/images/login-banner.png'
 const  carouselItem = {
-  slogan: 'Admin 管理平台',
-  subSlogan: 'Management Platform',
+  slogan: 'Easy life Platform',
+  subSlogan: 'Technology serves life',
   image: bannerImage,
 }
 </script>

+ 2 - 2
src/views/login/login-form.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="login-form-wrapper">
-    <div class="login-form-title">登陆 Admin</div>
-    <div class="login-form-sub-title">Login to ADMIN</div>
+    <div class="login-form-title">Easy life</div>
+    <div class="login-form-sub-title">Login to Easy life</div>
 
     <a-form ref="loginForm" :model="formData" class="login-form" @submit-success="handleSubmit">
       <a-form-item field="username" :rules="[{ required: true, message: '用户名不能为空' }]"

+ 8 - 3
vite.config.js

@@ -32,9 +32,14 @@ export default defineConfig({
     // css预处理器
     preprocessorOptions: {
       less: {
-        charset: false,
+        charset: false, //  解决中文乱码
+        modifyVars: {
+            'arcoblue-6': '#d1402f',
+        },
+        javascriptEnabled: true,
         additionalData:
           '@import "@/assets/css/theme.less";@import "@/assets/css/global.less";',
+        
       },
     },
   },
@@ -61,8 +66,8 @@ export default defineConfig({
     hmr: true,
     proxy: {
       '/api': {
-        // target: "http://sim.nanodreamtech.com",
-        target: "http://192.168.0.59:3001",
+        target: "http://sim.nanodreamtech.com",
+        // target: "http://127.0.0.1:3001",
         changeOrigin: true,
         ws: true,
         secure: true,