@charset "UTF-8"; /** * 下方引入的为uView UI的集成样式文件,为scss预处理器,其中包含了一些"u-"开头的自定义变量 * 使用的时候,请将下面的一行复制到您的uniapp项目根目录的uni.scss中即可 * uView自定义的css类名和scss变量,均以"u-"开头,不会造成冲突,请放心使用 */ view.data-v-0fe228ae, scroll-view.data-v-0fe228ae, swiper-item.data-v-0fe228ae { display: flex; flex-direction: column; flex-shrink: 0; flex-grow: 0; flex-basis: auto; align-items: stretch; align-content: flex-start; } .u-loading-icon.data-v-0fe228ae { flex-direction: row; align-items: center; justify-content: center; color: #c8c9cc; } .u-loading-icon__text.data-v-0fe228ae { margin-left: 4px; color: #606266; font-size: 14px; line-height: 20px; } .u-loading-icon__spinner.data-v-0fe228ae { width: 30px; height: 30px; position: relative; box-sizing: border-box; max-width: 100%; max-height: 100%; -webkit-animation: u-rotate-data-v-0fe228ae 1s linear infinite; animation: u-rotate-data-v-0fe228ae 1s linear infinite; } .u-loading-icon__spinner--semicircle.data-v-0fe228ae { border-width: 2px; border-color: transparent; border-top-right-radius: 100px; border-top-left-radius: 100px; border-bottom-left-radius: 100px; border-bottom-right-radius: 100px; border-style: solid; } .u-loading-icon__spinner--circle.data-v-0fe228ae { border-top-right-radius: 100px; border-top-left-radius: 100px; border-bottom-left-radius: 100px; border-bottom-right-radius: 100px; border-width: 2px; border-top-color: #e5e5e5; border-right-color: #e5e5e5; border-bottom-color: #e5e5e5; border-left-color: #e5e5e5; border-style: solid; } .u-loading-icon--vertical.data-v-0fe228ae { flex-direction: column; } .data-v-0fe228ae:host { font-size: 0px; line-height: 1; } .u-loading-icon__spinner--spinner.data-v-0fe228ae { -webkit-animation-timing-function: steps(12); animation-timing-function: steps(12); } .u-loading-icon__text.data-v-0fe228ae:empty { display: none; } .u-loading-icon--vertical .u-loading-icon__text.data-v-0fe228ae { margin: 6px 0 0; color: #606266; } .u-loading-icon__dot.data-v-0fe228ae { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .u-loading-icon__dot.data-v-0fe228ae:before { display: block; width: 2px; height: 25%; margin: 0 auto; background-color: currentColor; border-radius: 40%; content: " "; } .u-loading-icon__dot.data-v-0fe228ae:nth-of-type(1) { -webkit-transform: rotate(30deg); transform: rotate(30deg); opacity: 1; } .u-loading-icon__dot.data-v-0fe228ae:nth-of-type(2) { -webkit-transform: rotate(60deg); transform: rotate(60deg); opacity: 0.9375; } .u-loading-icon__dot.data-v-0fe228ae:nth-of-type(3) { -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0.875; } .u-loading-icon__dot.data-v-0fe228ae:nth-of-type(4) { -webkit-transform: rotate(120deg); transform: rotate(120deg); opacity: 0.8125; } .u-loading-icon__dot.data-v-0fe228ae:nth-of-type(5) { -webkit-transform: rotate(150deg); transform: rotate(150deg); opacity: 0.75; } .u-loading-icon__dot.data-v-0fe228ae:nth-of-type(6) { -webkit-transform: rotate(180deg); transform: rotate(180deg); opacity: 0.6875; } .u-loading-icon__dot.data-v-0fe228ae:nth-of-type(7) { -webkit-transform: rotate(210deg); transform: rotate(210deg); opacity: 0.625; } .u-loading-icon__dot.data-v-0fe228ae:nth-of-type(8) { -webkit-transform: rotate(240deg); transform: rotate(240deg); opacity: 0.5625; } .u-loading-icon__dot.data-v-0fe228ae:nth-of-type(9) { -webkit-transform: rotate(270deg); transform: rotate(270deg); opacity: 0.5; } .u-loading-icon__dot.data-v-0fe228ae:nth-of-type(10) { -webkit-transform: rotate(300deg); transform: rotate(300deg); opacity: 0.4375; } .u-loading-icon__dot.data-v-0fe228ae:nth-of-type(11) { -webkit-transform: rotate(330deg); transform: rotate(330deg); opacity: 0.375; } .u-loading-icon__dot.data-v-0fe228ae:nth-of-type(12) { -webkit-transform: rotate(360deg); transform: rotate(360deg); opacity: 0.3125; } @-webkit-keyframes u-rotate-data-v-0fe228ae { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(1turn); transform: rotate(1turn); } } @keyframes u-rotate-data-v-0fe228ae { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(1turn); transform: rotate(1turn); } }