blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-06 03:57:59 +08:00
Code Issues Projects Releases Wiki Activity

[improvement] NoticeBar: add less vars

Browse Source
This commit is contained in:
陈嘉涵 2019-05-16 16:49:22 +08:00
parent 7d37091f00
commit 6fc31f27fa
2 changed files with 21 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
packages/notice-bar/index.less
View File

@ -4,17 +4,17 @@
position: relative;
display: flex;
align-items: center;
height: 40px;
padding: 0 15px;
color: @orange-dark;
font-size: 14px;
line-height: 24px;
background-color: @orange-light;
height: @notice-bar-height;
padding: @notice-bar-padding;
color: @notice-bar-text-color;
font-size: @notice-bar-font-size;
line-height: @notice-bar-line-height;
background-color: @notice-bar-background-color;
&__left-icon,
&__right-icon {
min-width: 22px;
font-size: 16px;
min-width: @notice-bar-icon-min-width;
font-size: @notice-bar-icon-size;
}
&__right-icon {
@ -24,7 +24,7 @@
&__wrap {
position: relative;
flex: 1;
height: 24px;
height: @notice-bar-line-height;
overflow: hidden;
}
@ -47,7 +47,7 @@
&--wrapable {
height: auto;
padding: 8px 15px;
padding: @notice-bar-wrapable-padding;
.van-notice-bar {
&__wrap {

11
packages/style/var.less
View File

@ -285,6 +285,17 @@
@nav-bar-title-font-size: 16px;
@nav-bar-title-text-color: @text-color;
// NoticeBar
@notice-bar-height: 40px;
@notice-bar-padding: 0 15px;
@notice-bar-wrapable-padding: 8px 15px;
@notice-bar-text-color: @orange-dark;
@notice-bar-font-size: 14px;
@notice-bar-line-height: 24px;
@notice-bar-background-color: @orange-light;
@notice-bar-icon-size: 16px;
@notice-bar-icon-min-width: 22px;
// Notify
@notify-padding: 6px 15px;
@notify-font-size: 14px;