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

feat(Loading): add some less vars (#4781)

Browse Source
This commit is contained in:
neverland 2019-10-19 16:08:37 +08:00 committed by GitHub
parent a625bdca42
commit 1e21ce3cc0
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/loading/index.less
View File

@ -8,14 +8,14 @@
&__spinner { &__spinner {
position: relative; position: relative;
display: inline-block; display: inline-block;
width: 30px; width: @loading-spinner-size;
// compatible for 1.x, users may set width or height in root element // compatible for 1.x, users may set width or height in root element
max-width: 100%; max-width: 100%;
height: 30px; height: @loading-spinner-size;
max-height: 100%; max-height: 100%;
color: @loading-spinner-color; color: @loading-spinner-color;
vertical-align: middle; vertical-align: middle;
animation: van-rotate 0.8s linear infinite; animation: van-rotate @loading-spinner-animation-duration linear infinite;
&--spinner { &--spinner {
animation-timing-function: steps(12); animation-timing-function: steps(12);

2
src/style/var.less
View File

@ -367,6 +367,8 @@
@loading-text-color: @gray-dark; @loading-text-color: @gray-dark;
@loading-text-font-size: @font-size-md; @loading-text-font-size: @font-size-md;
@loading-spinner-color: @gray; @loading-spinner-color: @gray;
@loading-spinner-size: 30px;
@loading-spinner-animation-duration: .8s;
// NavBar // NavBar
@nav-bar-height: 46px; @nav-bar-height: 46px;