diff --git a/web/index.html b/web/index.html index 251b07a4..e61e329a 100644 --- a/web/index.html +++ b/web/index.html @@ -1,5 +1,5 @@ - + diff --git a/web/src/assets/base.css b/web/src/assets/base.css index dbc51192..fcc4b5d6 100644 --- a/web/src/assets/base.css +++ b/web/src/assets/base.css @@ -11,6 +11,7 @@ --main-100: #ABE0F7; --main-50: #CDF5FF; --main-25: #E6FAFF; + --main-10: #F5FDFF; --c-white: #ffffff; --c-white-soft: #f8f8f8; diff --git a/web/src/components/RefsComponent.vue b/web/src/components/RefsComponent.vue index 3e83fae8..1223053f 100644 --- a/web/src/components/RefsComponent.vue +++ b/web/src/components/RefsComponent.vue @@ -72,9 +72,9 @@ const showRefs = computed(() => message.value.role=='received' && message.value. gap: 10px; .item { - background: var(--main-25); - color: var(--main-800); - border: 1px solid var(--main-100); + background: var(--main-10); + color: var(--main-600); + border: 1px solid var(--main-50); padding: 2px 8px; border-radius: 8px; font-size: 14px; @@ -91,7 +91,7 @@ const showRefs = computed(() => message.value.role=='received' && message.value. cursor: pointer; &:hover { - background: var(--main-100); + background: var(--main-25); } } } diff --git a/web/src/layouts/AppLayout.vue b/web/src/layouts/AppLayout.vue index 8e6dc9f7..4d1d83cb 100644 --- a/web/src/layouts/AppLayout.vue +++ b/web/src/layouts/AppLayout.vue @@ -11,6 +11,8 @@ import { GithubOutlined, DatabaseOutlined, DatabaseFilled, + GoldOutlined, + GoldFilled, } from '@ant-design/icons-vue' import { themeConfig } from '@/assets/theme' import { useConfigStore } from '@/stores/config' @@ -74,6 +76,9 @@ console.log(route) + + +
diff --git a/web/src/router/index.js b/web/src/router/index.js index 10d71233..752ac7b2 100644 --- a/web/src/router/index.js +++ b/web/src/router/index.js @@ -30,6 +30,19 @@ const router = createRouter({ } ] }, + { + path: '/graph', + name: 'graph', + component: AppLayout, + children: [ + { + path: '', + name: 'Graph', + component: () => import('../views/GraphView.vue'), + meta: { keepAlive: true } + } + ] + }, { path: '/database', name: 'database', @@ -45,12 +58,6 @@ const router = createRouter({ path: ':database_id', name: 'databaseInfo', component: () => import('../views/DataBaseInfoView.vue'), - }, - { - path: 'graph', - name: 'graph', - component: () => import('../views/GraphView.vue'), - meta: { keepAlive: true } } ] }, diff --git a/web/src/views/ChatView.vue b/web/src/views/ChatView.vue index 916fed1d..7dd87b24 100644 --- a/web/src/views/ChatView.vue +++ b/web/src/views/ChatView.vue @@ -3,7 +3,7 @@
- 对话历史 + 对话历史
diff --git a/web/src/views/DataBaseView.vue b/web/src/views/DataBaseView.vue index 24ef2492..25aa4511 100644 --- a/web/src/views/DataBaseView.vue +++ b/web/src/views/DataBaseView.vue @@ -49,7 +49,7 @@
-

图数据库  

+
- + -->
diff --git a/web/src/views/GraphView.vue b/web/src/views/GraphView.vue index 46b89963..70a1aa94 100644 --- a/web/src/views/GraphView.vue +++ b/web/src/views/GraphView.vue @@ -1,5 +1,5 @@