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

[improvement] Notify: optimize style (#951)

Browse Source
This commit is contained in:
neverland 2018-11-25 10:40:24 +08:00 committed by GitHub
parent c0e60fcf57
commit 61c95ee94d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 14 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
packages/common/style/var.less
View File

@ -1,4 +1,4 @@
/* color variables */ // Color variables
@black: #000; @black: #000;
@white: #fff; @white: #fff;
@red: #f44; @red: #f44;
@ -12,14 +12,14 @@
@gray-darker: #7d7e80; @gray-darker: #7d7e80;
@gray-dark: #999; @gray-dark: #999;
/* default colors */ // Default colors
@text-color: #333; @text-color: #333;
@border-color: #eee; @border-color: #eee;
@active-color: #e8e8e8; @active-color: #e8e8e8;
@background-color: #f8f8f8; @background-color: #f8f8f8;
@background-color-light: #fafafa; @background-color-light: #fafafa;
/* button */ // Button
@button-default-color: @text-color; @button-default-color: @text-color;
@button-default-background-color: @white; @button-default-background-color: @white;
@button-default-border-color: @border-color; @button-default-border-color: @border-color;
@ -36,3 +36,8 @@
@button-bottom-action-default-background-color: @orange; @button-bottom-action-default-background-color: @orange;
@button-bottom-action-primary-color: @white; @button-bottom-action-primary-color: @white;
@button-bottom-action-primary-background-color: @red; @button-bottom-action-primary-background-color: @red;
// Notify
@notify-padding: 6px 15px;
@notify-font-size: 14px;
@notify-line-height: 20px;

12
packages/notify/index.less
View File

@ -1,13 +1,13 @@
@import '../common/style/var.less'; @import '../common/style/var.less';
.van-notify { .van-notify {
z-index: 110;
position: fixed;
top: 0; top: 0;
width: 100%; width: 100%;
z-index: 110;
color: @white;
position: fixed;
min-height: 32px;
line-height: 2.3;
font-size: 14px;
text-align: center; text-align: center;
box-sizing: border-box;
padding: @notify-padding;
font-size: @notify-font-size;
line-height: @notify-line-height;
} }