tn-loading.wxss 3.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  1. @charset "UTF-8";
  2. /**
  3. * 下方引入的为Tuniao UI的集成样式文件,为scss预处理器,其中包含了一些"tn-"开头的自定义变量
  4. * 使用的时候,请将下面的一行复制到您的uniapp项目根目录的uni.scss中即可
  5. * Tuniao UI自定义的css类名和scss变量,均以"tn-"开头,不会造成冲突,请放心使用
  6. */
  7. .tn-loading-circle.data-v-d9b3fcc8 {
  8. display: inline-flex;
  9. vertical-align: middle;
  10. width: 28rpx;
  11. height: 28rpx;
  12. background: 0 0;
  13. border-radius: 50%;
  14. border: 2px solid;
  15. border-color: #E6E6E6 #E6E6E6 #E6E6E6 #AAAAAA;
  16. }
  17. .tn-loading-circle--animation.data-v-d9b3fcc8 {
  18. animation: tn-circle-data-v-d9b3fcc8 1s linear infinite;
  19. -webkit-animation: tn-circle-data-v-d9b3fcc8 1s linear infinite;
  20. }
  21. .tn-loading-flower.data-v-d9b3fcc8 {
  22. display: inline-block;
  23. vertical-align: middle;
  24. width: 28rpx;
  25. height: 28rpx;
  26. background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iMTIwIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgxMDB2MTAwSDB6Ii8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTlFOUU5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTMwKSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iIzk4OTY5NyIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgzMCAxMDUuOTggNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjOUI5OTlBIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDYwIDc1Ljk4IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0EzQTFBMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSg5MCA2NSA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNBQkE5QUEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoMTIwIDU4LjY2IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0IyQjJCMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgxNTAgNTQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjQkFCOEI5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDE4MCA1MCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDMkMwQzEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTE1MCA0NS45OCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDQkNCQ0IiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTEyMCA0MS4zNCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNEMkQyRDIiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDM1IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0RBREFEQSIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgtNjAgMjQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTJFMkUyIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKC0zMCAtNS45OCA2NSkiLz48L3N2Zz4=) no-repeat;
  27. background-size: 100%;
  28. }
  29. .tn-loading-flower--animation.data-v-d9b3fcc8 {
  30. animation: tn-flower-data-v-d9b3fcc8 1s steps(12) infinite;
  31. -webkit-animation: tn-flower-data-v-d9b3fcc8 1s steps(12) infinite;
  32. }
  33. @-webkit-keyframes tn-flower-data-v-d9b3fcc8 {
  34. 0% {
  35. transform: rotate(0deg);
  36. -webkit-transform: rotate(0deg);
  37. }
  38. to {
  39. transform: rotate(360deg);
  40. -webkit-transform: rotate(360deg);
  41. }
  42. }
  43. @keyframes tn-flower-data-v-d9b3fcc8 {
  44. 0% {
  45. transform: rotate(0deg);
  46. -webkit-transform: rotate(0deg);
  47. }
  48. to {
  49. transform: rotate(360deg);
  50. -webkit-transform: rotate(360deg);
  51. }
  52. }
  53. @-webkit-keyframes tn-circle-data-v-d9b3fcc8 {
  54. 0% {
  55. transform: rotate(0);
  56. -webkit-transform: rotate(0);
  57. }
  58. 100% {
  59. transform: rotate(360deg);
  60. -webkit-transform: rotate(360deg);
  61. }
  62. }
  63. @keyframes tn-circle-data-v-d9b3fcc8 {
  64. 0% {
  65. transform: rotate(0);
  66. -webkit-transform: rotate(0);
  67. }
  68. 100% {
  69. transform: rotate(360deg);
  70. -webkit-transform: rotate(360deg);
  71. }
  72. }