diff --git a/.env b/.env
index f46c7f944f9cdd11bea8dbd3ff341217d2c4c3e5..d6808d3b8a56a45c7e749ec757c33259abd5b159 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 21fc2bc5d523ce49123e0b54061ceeb0dc72808e..57f0bae3271153e6688799f81f91c95097ace1c5 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 204604da4b48986f9b4fd61f9606d2b98469a2a5..31e4997bbe0149e8cd6ccf41b0d9c5c98ab712a0 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 624f4ba966cfa6c7fa001a58a1370d591e823804..f943bfe6ce10f910b89238cb5f2ec632975a6ce7 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)',
+      // },
     },
   ],
 }