74 lines
3.7 KiB
Plaintext
74 lines
3.7 KiB
Plaintext
|
@charset "UTF-8";
|
|||
|
|
/**
|
|||
|
|
* 下方引入的为Tuniao UI的集成样式文件，为scss预处理器，其中包含了一些"tn-"开头的自定义变量
|
|||
|
|
* 使用的时候，请将下面的一行复制到您的uniapp项目根目录的uni.scss中即可
|
|||
|
|
* Tuniao UI自定义的css类名和scss变量，均以"tn-"开头，不会造成冲突，请放心使用
|
|||
|
|
*/
|
|||
|
|
.tn-loading-circle.data-v-d9b3fcc8 {
|
|||
|
|
display: inline-flex;
|
|||
|
|
vertical-align: middle;
|
|||
|
|
width: 28rpx;
|
|||
|
|
height: 28rpx;
|
|||
|
|
background: 0 0;
|
|||
|
|
border-radius: 50%;
|
|||
|
|
border: 2px solid;
|
|||
|
|
border-color: #E6E6E6 #E6E6E6 #E6E6E6 #AAAAAA;
|
|||
|
|
}
|
|||
|
|
.tn-loading-circle--animation.data-v-d9b3fcc8 {
|
|||
|
|
animation: tn-circle-data-v-d9b3fcc8 1s linear infinite;
|
|||
|
|
-webkit-animation: tn-circle-data-v-d9b3fcc8 1s linear infinite;
|
|||
|
|
}
|
|||
|
|
.tn-loading-flower.data-v-d9b3fcc8 {
|
|||
|
|
display: inline-block;
|
|||
|
|
vertical-align: middle;
|
|||
|
|
width: 28rpx;
|
|||
|
|
height: 28rpx;
|
|||
|
|
background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iMTIwIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgxMDB2MTAwSDB6Ii8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTlFOUU5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTMwKSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iIzk4OTY5NyIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgzMCAxMDUuOTggNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjOUI5OTlBIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDYwIDc1Ljk4IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0EzQTFBMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSg5MCA2NSA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNBQkE5QUEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoMTIwIDU4LjY2IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0IyQjJCMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgxNTAgNTQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjQkFCOEI5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDE4MCA1MCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDMkMwQzEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTE1MCA0NS45OCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDQkNCQ0IiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTEyMCA0MS4zNCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNEMkQyRDIiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDM1IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0RBREFEQSIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgtNjAgMjQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTJFMkUyIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKC0zMCAtNS45OCA2NSkiLz48L3N2Zz4=) no-repeat;
|
|||
|
|
background-size: 100%;
|
|||
|
|
}
|
|||
|
|
.tn-loading-flower--animation.data-v-d9b3fcc8 {
|
|||
|
|
animation: tn-flower-data-v-d9b3fcc8 1s steps(12) infinite;
|
|||
|
|
-webkit-animation: tn-flower-data-v-d9b3fcc8 1s steps(12) infinite;
|
|||
|
|
}
|
|||
|
|
@-webkit-keyframes tn-flower-data-v-d9b3fcc8 {
|
|||
|
|
0% {
|
|||
|
|
transform: rotate(0deg);
|
|||
|
|
-webkit-transform: rotate(0deg);
|
|||
|
|
}
|
|||
|
|
to {
|
|||
|
|
transform: rotate(360deg);
|
|||
|
|
-webkit-transform: rotate(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@keyframes tn-flower-data-v-d9b3fcc8 {
|
|||
|
|
0% {
|
|||
|
|
transform: rotate(0deg);
|
|||
|
|
-webkit-transform: rotate(0deg);
|
|||
|
|
}
|
|||
|
|
to {
|
|||
|
|
transform: rotate(360deg);
|
|||
|
|
-webkit-transform: rotate(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@-webkit-keyframes tn-circle-data-v-d9b3fcc8 {
|
|||
|
|
0% {
|
|||
|
|
transform: rotate(0);
|
|||
|
|
-webkit-transform: rotate(0);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotate(360deg);
|
|||
|
|
-webkit-transform: rotate(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@keyframes tn-circle-data-v-d9b3fcc8 {
|
|||
|
|
0% {
|
|||
|
|
transform: rotate(0);
|
|||
|
|
-webkit-transform: rotate(0);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotate(360deg);
|
|||
|
|
-webkit-transform: rotate(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|