From 7d1e82b8181788a15c55f47e1136ec3a3139be3a Mon Sep 17 00:00:00 2001 From: zwq Date: Wed, 19 Jul 2023 16:49:48 +0800 Subject: [PATCH 1/4] =?UTF-8?q?=E6=94=B9=E5=8F=98navbar=E5=B0=8F=E5=9B=BE?= =?UTF-8?q?=E6=A0=87=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/assets/scss/common.scss | 10 ++++++++-- src/icons/svg/首页.svg | 12 ++++++++++++ src/store/index.js | 12 ++++++------ src/views/main-content.vue | 17 +++++++++++++---- src/views/main-navbar.vue | 4 ++-- 5 files changed, 41 insertions(+), 14 deletions(-) create mode 100644 src/icons/svg/首页.svg diff --git a/src/assets/scss/common.scss b/src/assets/scss/common.scss index 4655141..4f6379e 100644 --- a/src/assets/scss/common.scss +++ b/src/assets/scss/common.scss @@ -599,13 +599,19 @@ img { display: none; } & > .el-tabs__item { - height: $content--tabs-header-height; border: 0; padding: 0 10px; - color: rgba(89, 89, 89, 1); + margin: 6px 5px 6px 0px; + height: 24px; + font-size: 12px; + line-height: 24px; + border-radius: 5px; + background-color: rgba(239, 239, 239, 1); &:focus, &:hover, &.is-active { + color: rgba(255, 255, 255, 1); + background-color: rgba(62, 142, 247, 1); &:after { display: block; } diff --git a/src/icons/svg/首页.svg b/src/icons/svg/首页.svg new file mode 100644 index 0000000..7d24e13 --- /dev/null +++ b/src/icons/svg/首页.svg @@ -0,0 +1,12 @@ + + + 首页 + + + + + + + + + \ No newline at end of file diff --git a/src/store/index.js b/src/store/index.js index 956d7c5..026734e 100644 --- a/src/store/index.js +++ b/src/store/index.js @@ -2,7 +2,7 @@ * @Author: zwq * @Date: 2023-01-04 10:29:39 * @LastEditors: zwq - * @LastEditTime: 2023-01-05 16:14:45 + * @LastEditTime: 2023-07-19 16:33:56 * @Description: */ import Vue from 'vue' @@ -28,11 +28,11 @@ export default new Vuex.Store({ contentIsNeedRefresh: false, // 内容, 标签页(默认添加首页) contentTabs: [ - { - ...window.SITE_CONFIG['contentTabDefault'], - 'name': 'home', - 'title': '首页' - } + // { + // ...window.SITE_CONFIG['contentTabDefault'], + // 'name': 'home', + // 'title': '首页' + // } ], contentTabsActiveName: 'home' }, diff --git a/src/views/main-content.vue b/src/views/main-content.vue index 26be890..5ad4970 100644 --- a/src/views/main-content.vue +++ b/src/views/main-content.vue @@ -1,3 +1,10 @@ +