Noospic
/
tiny-vue
forked from opentiny/tiny-vue
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(fall-menu): [fall-menu]modify smb-theme (#1842) 

* fix(fall-menu): modify smb-theme

* fix(fall-menu): modify smb-them
This commit is contained in:
James 2024-08-06 18:52:20 -07:00 committed by GitHub
parent e694210a1a
commit e5397bcf1e
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 20 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
packages/theme/src/fall-menu/index.less
View File

@ -97,6 +97,8 @@
color: var(--ti-fall-menu-slot-text-color); color: var(--ti-fall-menu-slot-text-color);
background: var(--ti-fall-menu-bg-color-hover); background: var(--ti-fall-menu-bg-color-hover);
text-decoration: none; text-decoration: none;
font-weight: 700;
border-bottom: 3px solid var(--ti-fall-menu-li-color-hover);
} }
&.now:before { &.now:before {
@ -129,27 +131,27 @@
.cont { .cont {
min-width: 120px; min-width: 120px;
padding: 18px 20px; padding: 32px;
} }
.sublist { .sublist {
li { li {
float: left; float: left;
width: 100%; width: 100%;
padding: 0 16px;
h3.mcate-item-hd { h3.mcate-item-hd {
padding-top: 16px;
font-size: var(--ti-fall-menu-box-font-size); font-size: var(--ti-fall-menu-box-font-size);
border-bottom: 0px solid #ccc; border-bottom: 0 solid #ccc;
color: var(--ti-fall-menu-box-title-text-color); color: var(--ti-fall-menu-box-title-text-color);
font-weight: normal; font-weight: 700;
margin: 0; margin: 0;
} }
p.mcate-item-bd { p.mcate-item-bd {
margin-top: 18px; margin-top: 24px;
a { a {
margin: 8px 0px 0 0;
font-size: var(--ti-common-font-size-base); font-size: var(--ti-common-font-size-base);
color: var(--ti-fall-menu-box-text-color); color: var(--ti-fall-menu-box-text-color);
text-decoration: none; text-decoration: none;
@ -157,8 +159,10 @@
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
margin-bottom: 24px;
&:hover { &:hover {
text-decoration: underline;
color: var(--ti-fall-menu-box-hover-text-color); color: var(--ti-fall-menu-box-hover-text-color);
} }
} }

15
packages/theme/src/fall-menu/smb-theme.js
View File

@ -1,9 +1,10 @@
export const tinyFallMenuSmbTheme = { export const tinyFallMenuSmbTheme = {
'ti-fall-menu-bg-color-normal': '#5e7ce0', 'ti-fall-menu-bg-color-normal': 'var(--ti-common-color-bg-navigation)',
'ti-fall-menu-bg-color-hover': '#7693f5', 'ti-fall-menu-bg-color-hover': 'var(--ti-common-color-hover-background)',
'ti-fall-menu-slot-text-color': '#fff', 'ti-fall-menu-slot-text-color': 'var(--ti-common-color-text-gray)',
'ti-fall-menu-slot-bg-color': '#fff', 'ti-fall-menu-slot-bg-color': 'var(--ti-common-color-bg-navigation)',
'ti-fall-menu-box-text-color': '#5e7ce0', 'ti-fall-menu-box-text-color': 'var(--ti-common-color-text-secondary)',
'ti-fall-menu-box-title-text-color': '#adb0b8', 'ti-fall-menu-box-title-text-color': 'var(--ti-common-color-text-gray)',
'ti-fall-menu-box-hover-text-color': '#7693f5' 'ti-fall-menu-box-hover-text-color': 'var(--ti-common-color-text-gray)',
'ti-fall-menu-li-color-hover': 'var(--ti-common-color-line-active)'
} }

2
packages/theme/src/fall-menu/vars.less
View File

@ -37,4 +37,6 @@
--ti-fall-menu-box-content-height: 26px; --ti-fall-menu-box-content-height: 26px;
// 下拉框悬浮文本色 // 下拉框悬浮文本色
--ti-fall-menu-box-hover-text-color: var(--ti-common-color-primary-active, #7693f5); --ti-fall-menu-box-hover-text-color: var(--ti-common-color-primary-active, #7693f5);
// 标签下边框颜色值
--ti-fall-menu-li-color-hover: var(--ti-common-color-line-dividing);
} }