opentiny
/
tiny-vue
2
0
Fork 29
Code Issues Pull Requests 7 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);
background: var(--ti-fall-menu-bg-color-hover);
text-decoration: none;
font-weight: 700;
border-bottom: 3px solid var(--ti-fall-menu-li-color-hover);
}
&.now:before {
@ -129,27 +131,27 @@
.cont {
min-width: 120px;
padding: 18px 20px;
padding: 32px;
}
.sublist {
li {
float: left;
width: 100%;
padding: 0 16px;
h3.mcate-item-hd {
padding-top: 16px;
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);
font-weight: normal;
font-weight: 700;
margin: 0;
}
p.mcate-item-bd {
margin-top: 18px;
margin-top: 24px;
a {
margin: 8px 0px 0 0;
font-size: var(--ti-common-font-size-base);
color: var(--ti-fall-menu-box-text-color);
text-decoration: none;
@ -157,8 +159,10 @@
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
margin-bottom: 24px;
&:hover {
text-decoration: underline;
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 = {
'ti-fall-menu-bg-color-normal': '#5e7ce0',
'ti-fall-menu-bg-color-hover': '#7693f5',
'ti-fall-menu-slot-text-color': '#fff',
'ti-fall-menu-slot-bg-color': '#fff',
'ti-fall-menu-box-text-color': '#5e7ce0',
'ti-fall-menu-box-title-text-color': '#adb0b8',
'ti-fall-menu-box-hover-text-color': '#7693f5'
'ti-fall-menu-bg-color-normal': 'var(--ti-common-color-bg-navigation)',
'ti-fall-menu-bg-color-hover': 'var(--ti-common-color-hover-background)',
'ti-fall-menu-slot-text-color': 'var(--ti-common-color-text-gray)',
'ti-fall-menu-slot-bg-color': 'var(--ti-common-color-bg-navigation)',
'ti-fall-menu-box-text-color': 'var(--ti-common-color-text-secondary)',
'ti-fall-menu-box-title-text-color': 'var(--ti-common-color-text-gray)',
'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-hover-text-color: var(--ti-common-color-primary-active, #7693f5);
// 标签下边框颜色值
--ti-fall-menu-li-color-hover: var(--ti-common-color-line-dividing);
}