| 1 |
- {"version":3,"sources":["common/style/utilities/_animation.less","common/style/utilities/_float.less","common/style/utilities/_index.less","loading/loading.less"],"names":[],"mappings":"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","sourcesContent":["@keyframes tdesign-fade-out {\n from {\n opacity: 1;\n }\n\n to {\n opacity: 0;\n }\n}\n","// 公共前缀\n@prefix: t;\n\n.@{prefix}-float-left {\n float: left;\n}\n\n.@{prefix}-float-right {\n float: right;\n}\n","@import './_float.less';\n@import './_animation.less';\n\n.hotspot-expanded {\n \n &.relative {\n position: relative;\n }\n\n &::after {\n content: '';\n display: block;\n position: absolute;\n left: 0;\n top: 0;\n right: 0;\n bottom: 0;\n transform: scale(1.5);\n }\n}","@import '../common/style/index.less';\n\n@loading: ~'@{prefix}-loading';\n\n.@{loading} {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n\n &__spinner {\n position: relative;\n box-sizing: border-box;\n width: 100%;\n height: 100%;\n max-width: 100%;\n max-height: 100%;\n animation: rotate 0.8s linear infinite;\n color: #0052d9;\n\n &.reverse {\n animation-name: rotateReverse;\n }\n\n &--spinner {\n animation-timing-function: steps(12);\n\n .@{loading}__dot {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n\n &::before {\n display: block;\n width: 5rpx;\n height: 25%;\n margin: 0 auto;\n background-color: currentColor;\n border-radius: 40%;\n content: ' ';\n }\n }\n }\n\n &--circular {\n .@{loading}__circular {\n border-radius: 100%;\n width: 100%;\n height: 100%;\n background: conic-gradient(\n from 180deg at 50% 50%,\n rgba(255, 255, 255, 0) 0deg,\n rgba(255, 255, 255, 0) 60deg,\n currentColor 330deg,\n rgba(255, 255, 255, 0) 360deg\n );\n mask: radial-gradient(transparent calc(50% - 1rpx), #fff 50%);\n\n /* stylelint-disable-next-line */\n -webkit-mask: radial-gradient(transparent calc(50% - 1rpx), #fff 50%);\n }\n }\n\n &--dots {\n display: flex;\n justify-content: space-between;\n align-items: center;\n animation: none;\n\n .@{loading}__dot {\n width: 20%;\n height: 20%;\n border-radius: 50%;\n background-color: currentColor;\n animation-duration: 1.8s;\n animation-name: dotting;\n animation-timing-function: linear;\n animation-iteration-count: infinite;\n animation-fill-mode: both;\n }\n }\n }\n\n &--vertical {\n flex-direction: column;\n\n .@{loading}__text {\n margin-top: 12rpx;\n }\n }\n\n &--horizontal {\n flex-direction: row;\n\n .@{loading}__text {\n margin-left: 16rpx;\n }\n }\n\n &__refresh-btn {\n margin-left: 16rpx;\n color: #0052d9;\n }\n\n &__bar {\n height: 6rpx;\n width: 80%;\n transition: 0.5s;\n background-color: #0052d9;\n display: none;\n\n &--static {\n display: block;\n }\n\n &--loaded {\n opacity: 0;\n height: 0;\n animation: t-bar-loaded 1s ease-out;\n }\n\n &--animation {\n animation: t-bar 8s linear;\n display: block;\n }\n }\n}\n\n@keyframes t-bar {\n 0% {\n width: 0;\n }\n\n 50% {\n width: 70%;\n }\n\n 100% {\n width: 80%;\n }\n}\n\n@keyframes t-bar-loaded {\n 0% {\n height: 6rpx;\n opacity: 1;\n width: 90%;\n }\n\n 50% {\n height: 6rpx;\n opacity: 1;\n width: 100%;\n }\n\n 100% {\n height: 0;\n opacity: 0;\n width: 100%;\n }\n}\n\n.generate(@n, @i: 1) when (@i =< @n) {\n .@{loading}__dot:nth-of-type(@{i}) {\n transform: rotate(@i * 30deg);\n opacity: (1 / 12) * (@i - 1);\n }\n .generate(@n, (@i + 1));\n}\n.generate(12);\n\n@keyframes rotate {\n from {\n transform: rotate(0deg);\n }\n\n to {\n transform: rotate(360deg);\n }\n}\n\n@keyframes rotateReverse {\n from {\n transform: rotate(360deg);\n }\n\n to {\n transform: rotate(0deg);\n }\n}\n\n@keyframes dotting {\n 0% {\n opacity: 0.4;\n }\n\n 1% {\n opacity: 0.8;\n }\n\n 33% {\n opacity: 0.8;\n }\n\n 34% {\n opacity: 0.4;\n }\n\n 100% {\n opacity: 0.4;\n }\n}\n"],"file":"loading.wxss"}
|
