// 旋转
.arrow {
&_up {
@include arrow_animation(270deg);
}
&_down {
@include arrow_animation(90deg);
}
&_right {
@include arrow_animation(0deg);
}
&_left {
@include arrow_animation(180deg);
}
}
// 审核印章
@mixin arrow_animation($color: #fa3534) {
color: $color;
border: 4px double $color;
padding: 4px 6px;
border-radius: 50%;
transform: rotateZ(15deg);
transition-property: transform;
transition-duration: 0.3s;
font-size: $uni-font-size-sm;
}
.audit {
&_error {
@include arrow_animation(#fa3534);
}
&_success {
@include arrow_animation(rgba($color: #49dc00, $alpha: 0.8));
}
&_warning {
@include arrow_animation(rgba($color: #ffaa00, $alpha: 0.8));
}
&_bone {
@include arrow_animation(rgba($color: #aaaa00, $alpha: 0.8));
}
}
01-15
1326
![](https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png)
02-13
332
![](https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png)
10-21
1229
![](https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png)
01-06
03-14
“相关推荐”对你有帮助么?
-
非常没帮助
-
没帮助
-
一般
-
有帮助
-
非常有帮助
提交