[breaking change] Loading: remove circle、gradient-circle type

This commit is contained in:
陈嘉涵
2019-04-29 17:08:21 +08:00
parent d3c8eb86e2
commit 5cd05e2447
6 changed files with 10 additions and 38 deletions

View File

@@ -9,11 +9,6 @@
position: relative;
vertical-align: middle;
&--circle {
width: 16px;
height: 16px;
}
&__spinner {
z-index: -1;
width: 100%;
@@ -23,18 +18,6 @@
box-sizing: border-box;
animation: van-rotate 0.8s linear infinite;
&--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 {
animation-timing-function: steps(12);
@@ -73,17 +56,6 @@
animation: van-circular 1.5s ease-in-out infinite;
}
}
&--white {
.van-loading__spinner--circle {
border-color: rgba(0, 0, 0, .1);
border-top-color: rgba(255, 255, 255, .7);
}
.van-loading__spinner--gradient-circle {
background-image: url('https://img.yzcdn.cn/vant/gradient-circle-white.png');
}
}
}
@keyframes van-circular {