From 61f9792395547b12974baf0d8658efd5ca9262a1 Mon Sep 17 00:00:00 2001
From: RuoYi <yzz_ivy@163.com>
Date: Mon, 13 Apr 2026 10:10:56 +0800
Subject: [PATCH] 新增标签页样式chrome风格
---
ruoyi-ui/src/layout/components/Settings/index.vue | 22 +++++++++++++++++++++-
1 files changed, 21 insertions(+), 1 deletions(-)
diff --git a/ruoyi-ui/src/layout/components/Settings/index.vue b/ruoyi-ui/src/layout/components/Settings/index.vue
index 3aa5c65..779ab64 100644
--- a/ruoyi-ui/src/layout/components/Settings/index.vue
+++ b/ruoyi-ui/src/layout/components/Settings/index.vue
@@ -61,7 +61,7 @@
<h3 class="drawer-title">系统布局配置</h3>
<div class="drawer-item">
- <span>开启 Tags-Views</span>
+ <span>开启页签</span>
<el-switch v-model="tagsView" class="drawer-switch" />
</div>
@@ -73,6 +73,14 @@
<div class="drawer-item">
<span>显示页签图标</span>
<el-switch v-model="tagsIcon" :disabled="!tagsView" class="drawer-switch" />
+ </div>
+
+ <div class="drawer-item">
+ <span>标签页样式</span>
+ <el-radio-group v-model="tagsViewStyle" :disabled="!tagsView" size="mini" class="drawer-switch">
+ <el-radio-button label="card">卡片</el-radio-button>
+ <el-radio-button label="chrome">谷歌</el-radio-button>
+ </el-radio-group>
</div>
<div class="drawer-item">
@@ -159,6 +167,17 @@
set(val) {
this.$store.dispatch('settings/changeSetting', {
key: 'tagsIcon',
+ value: val
+ })
+ }
+ },
+ tagsViewStyle: {
+ get() {
+ return this.$store.state.settings.tagsViewStyle
+ },
+ set(val) {
+ this.$store.dispatch('settings/changeSetting', {
+ key: 'tagsViewStyle',
value: val
})
}
@@ -256,6 +275,7 @@
"navType":${this.navType},
"tagsView":${this.tagsView},
"tagsIcon":${this.tagsIcon},
+ "tagsViewStyle":"${this.tagsViewStyle}",
"tagsViewPersist":${this.tagsViewPersist},
"fixedHeader":${this.fixedHeader},
"sidebarLogo":${this.sidebarLogo},
--
Gitblit v1.9.3