From 258dba4a4d9dd5f06b0f048b1d19e93ec1ccf8ce Mon Sep 17 00:00:00 2001
From: jessica <3344538341@qq.com>
Date: Mon, 1 Aug 2022 21:50:20 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=EF=BC=9Atitle=E4=B8=8E?=
 =?UTF-8?q?=E9=A6=96=E9=A1=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .env                                        |  2 +-
 src/layout/components/AiniSidebar/index.vue |  5 +++--
 src/pages/login/index.vue                   |  5 ++++-
 src/views/home/index.vue                    | 20 ++++++++++++++++++--
 4 files changed, 26 insertions(+), 6 deletions(-)

diff --git a/.env b/.env
index f46c7f9..d6808d3 100644
--- a/.env
+++ b/.env
@@ -1,4 +1,4 @@
 # env
-VITE_APP_TITLE="订单管理系统"
+VITE_APP_TITLE="quick后台管理系统"
 VITE_PORT=3101
 VITE_APP_BASE_URL='/'
\ No newline at end of file
diff --git a/src/layout/components/AiniSidebar/index.vue b/src/layout/components/AiniSidebar/index.vue
index 21fc2bc..57f0bae 100644
--- a/src/layout/components/AiniSidebar/index.vue
+++ b/src/layout/components/AiniSidebar/index.vue
@@ -1,11 +1,12 @@
 <script lang="ts" setup>
-import { computed } from 'vue'
+import { computed, ref } from 'vue'
 import { useAppStore } from '@/store/modules/app'
 import { useTabStore } from '@/store/modules/tab'
 import { Tab } from '@/types/tab'
 import { Menubar } from '@/types/menu'
 import AiniMenu from '@/layout/components/AiniMenu/index.vue'
 
+const title = ref('quick后台管理系统')
 const tabStore = useTabStore()
 const appStore = useAppStore()
 const isCollapse = computed(() => appStore.getCollapse)
@@ -38,7 +39,7 @@ const goHome = () => {
   <div class="aini-sidebar">
     <div class="aini-title" @click="goHome">
       <img src="@/assets/logo.png" />
-      <h5 v-if="!isCollapse">quick框架</h5>
+      <h5 v-if="!isCollapse">{{ title }}</h5>
     </div>
     <aini-menu></aini-menu>
   </div>
diff --git a/src/pages/login/index.vue b/src/pages/login/index.vue
index 204604d..31e4997 100644
--- a/src/pages/login/index.vue
+++ b/src/pages/login/index.vue
@@ -10,6 +10,7 @@ import { useUserStore } from '@/store/modules/user'
 /**
  * 属性
  */
+const title = ref('quick后台管理系统')
 const loginStore = useLoginStore(pinia)
 const userStore = useUserStore(pinia)
 const loading = ref(false)
@@ -34,7 +35,9 @@ const handleLogin = async (): Promise<void> => {
     <div class="form">
       <el-card shadow="always">
         <div class="item">
-          <div class="tilte"><span>quick后台管理系统</span></div>
+          <div class="tilte">
+            <span>{{ title }}</span>
+          </div>
         </div>
         <div class="item">
           <el-input
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index 624f4ba..f943bfe 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -39,9 +39,25 @@ const barOption = {
       data: [120, 200, 150, 80, 70, 110, 130],
       type: 'bar',
       showBackground: true,
-      backgroundStyle: {
-        color: 'rgba(180, 180, 180, 0.2)',
+      itemStyle: {
+        color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+          { offset: 0, color: '#83bff6' },
+          { offset: 0.5, color: '#188df0' },
+          { offset: 1, color: '#188df0' },
+        ]),
       },
+      emphasis: {
+        itemStyle: {
+          color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+            { offset: 0, color: '#2378f7' },
+            { offset: 0.7, color: '#2378f7' },
+            { offset: 1, color: '#83bff6' },
+          ]),
+        },
+      },
+      // backgroundStyle: {
+      //   color: 'rgba(180, 180, 180, 0.2)',
+      // },
     },
   ],
 }
-- 
Gitee