ui/vant
1
0
Fork 0
mirror of https://github.com/youzan/vant.git synced 2025-10-20 02:31:21 +00:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

[improvement] Loading: support any color (#1717)

Browse Source
This commit is contained in:
neverland
2018-08-30 15:24:59 +08:00
committed by GitHub
parent fe86cea891
commit 56cc2ce837
15 changed files with 40 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
packages/vant-css/src/loading.css
View File

@@ -26,10 +26,13 @@
&--circle {
border-radius: 100%;
border: 3px solid transparent;
border-color: $gray;
border-top-color: $gray-darker;
}
&--gradient-circle {
background-size: contain;
background-image: url('https://img.yzcdn.cn/vant/gradient-circle-black.png');
}
&--spinner {
@@ -64,31 +67,13 @@
height: 100%;
circle {
stroke: currentColor;
stroke-width: 3;
stroke-linecap: round;
animation: van-circular 1.5s ease-in-out infinite;
}
}
&--black {
.van-loading__spinner--circle {
border-color: $gray;
border-top-color: $gray-darker;
}
.van-loading__spinner--gradient-circle {
background-image: url('https://img.yzcdn.cn/vant/gradient-circle-black.png');
}
.van-loading__spinner--spinner {
color: $gray;
}
circle {
stroke: $gray;
}
}
&--white {
.van-loading__spinner--circle {
border-color: rgba(0, 0, 0, .1);
@@ -98,14 +83,6 @@
.van-loading__spinner--gradient-circle {
background-image: url('https://img.yzcdn.cn/vant/gradient-circle-white.png');
}
.van-loading__spinner--spinner {
color: #fff;
}
circle {
stroke: $white;
}
}
}