filesbox/miniprogram/FilesBox/components/load-area/load-area.wxss

47 lines
9.2 KiB
Plaintext
Raw Normal View History

2023-09-21 02:23:31 +00:00
/* components/load-area/load-area.wxss */
/* 加载动画 */
.spinner {width: 100%;height: 80rpx;font-size: 20px;display: flex;justify-content: center;align-items: center;}
.spinner .view {height: 100%;width: 8rpx;display: inline-block;margin-left: 6rpx;-webkit-animation: stretchdelay 1.2s infinite ease-in-out;animation: stretchdelay 1.2s infinite ease-in-out;}
.spinner .rect2 {-webkit-animation-delay: -1.1s;animation-delay: -1.1s;}
.spinner .rect3 {-webkit-animation-delay: -1.0s;animation-delay: -1.0s;}
.spinner .rect4 {-webkit-animation-delay: -0.9s;animation-delay: -0.9s;}
.spinner .rect5 {-webkit-animation-delay: -0.8s;animation-delay: -0.8s;}
@-webkit-keyframes stretchdelay {0%, 40%, 100% { -webkit-transform: scaleY(0.4) }20% { -webkit-transform: scaleY(1.0) }}
@keyframes stretchdelay {0%, 40%, 100% {transform: scaleY(0.4);-webkit-transform: scaleY(0.4);} 20% {transform: scaleY(1.0);-webkit-transform: scaleY(1.0);}}
.loadMore{
width: 100%;
height: 100rpx;
display: flex;
justify-content: center;
align-items: center;
font-size: 28rpx;
color: #8a8a8a;
}
.loadMore .image{
margin: 0 5px;
width: 20px;
height: 20px;
background-position: center center;
background-size: 100% 100%;
display: inline-block;
vertical-align: middle;
-webkit-animation: weuiLoading 1s steps(12, end) infinite;
animation: weuiLoading 1s steps(12, end) infinite;
animation-delay:0ms;
background-image: url("data:image/svg+xml,%3Csvg t='1616654532475' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='2633' width='128' height='128'%3E%3Cpath d='M782.065 901.684c10.893 18.387 4.797 42.97-14.29 53.363-18.687 10.893-42.47 4.497-53.064-14.29-11.392-18.388-4.796-42.471 13.691-53.364 19.387-10.792 42.77-4.197 53.663 14.29z m-230.342 83.243c0 21.285-17.588 39.073-39.673 39.073-21.285 0-39.073-17.388-39.073-39.073v-27.382c0-21.785 17.887-39.173 39.073-39.173 21.785 0 39.673 17.388 39.673 39.173v27.382z m-241.135-44.17c-11.093 19.287-35.176 25.383-53.664 14.49-18.987-10.693-25.682-34.576-14.49-53.663l29.08-50.866c11.193-18.687 35.176-25.182 54.163-14.49 18.388 10.893 25.183 35.176 13.99 53.664l-29.08 50.865zM123.416 782.765c-18.987 10.593-43.27 4.197-53.664-14.49-11.092-18.388-4.796-42.77 13.99-53.664l78.147-45.269c18.688-10.392 42.971-4.496 53.664 14.49 10.592 18.388 4.097 42.771-14.49 53.664l-77.647 45.269zM40.272 551.823c-21.785 0-39.073-17.588-39.073-39.074 0-21.785 17.288-39.373 39.073-39.373H161.99c21.785 0 39.074 17.588 39.074 39.074 0 21.785-17.289 39.373-39.074 39.373H40.272z m43.57-241.535c-18.986-10.593-25.182-34.576-13.99-53.364 10.393-18.987 34.577-25.382 53.664-14.49l132.31 76.848c18.686 10.692 24.882 34.576 14.49 53.063-11.093 18.987-35.177 25.083-53.564 14.49l-132.91-76.547z m158.592-187.072l92.137 159.99c11.193 18.688 35.176 25.383 53.863 14.29 18.688-10.592 24.883-34.876 13.99-53.663l-92.536-159.69c-10.593-18.488-34.576-25.183-53.064-14.29-18.987 10.892-25.082 34.975-14.39 53.363z m230.643-82.644c0-21.285 17.887-39.373 39.073-39.373 21.785 0 39.673 17.688 39.673 39.373v184.274c0 21.785-17.588 39.373-39.673 39.673-21.286 0-39.073-17.288-39.073-39.673V40.572z m241.135 43.57c11.192-18.987 34.876-25.182 53.663-14.49 18.987 10.593 25.683 34.577 14.49 53.664l-92.337 159.99c-10.393 18.688-34.976 25.283-53.663 14.49-18.687-10.892-24.883-35.176-14.29-53.963l92.137-159.69z m187.671 158.292l-160.19 92.337c-18.687 10.593-25.183 34.577-14.49 53.663 11.092 18.388 35.176 24.584 53.663 14.29l160.29-92.336c18.388-10.593 25.183-34.577 13.991-53.364-10.793-18.987-34.876-25.782-53.264-14.59z m82.344 230.942c21.985 0 39.373 17.588 39.073 39.373 0 21.486-16.988 39.074-39.073 39.074H799.753c-21.285 0-39.173-17.588-39.173-39.373 0-21.486 17.888-39.074 39.173-39.074h184.474z' p-id='2634' fill='%238a8a8a'%3E%3C/path%3E%3C/svg%3E");
}
/* 未登录 */
.no-login{width: 100%;padding-top:200rpx;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.no-login .nl-tips{font-size: 26rpx;color: #8a8a8a;margin-top: 20rpx;}
.no-login .login-button{border: 1rpx solid #4F91FF;color: #4F91FF;font-size: 28rpx;height: 60rpx;width: 200rpx;border-radius: 10rpx;display: flex;justify-content: center;align-items: center;margin-top: 50rpx;}
.no-login-icon{
width: 371rpx;height: 200rpx;background-position: center center;background-size: 100% 100%;
background-image: url("data:image/svg+xml,%3Csvg t='1629102010338' class='icon' viewBox='0 0 1900 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='3137' width='200' height='200'%3E%3Cpath d='M30.08 960.32C30.08 452.48 441.6 40.96 949.44 40.96 1457.28 40.96 1868.8 452.48 1868.8 960.32' fill='%23F8F8F8' p-id='3138'%3E%3C/path%3E%3Cpath d='M171.2 963.52C171.2 531.84 520.64 182.4 952.32 182.4c431.68 0 781.12 349.44 781.12 781.12' fill='%23F5F5F5' p-id='3139'%3E%3C/path%3E%3Cpath d='M331.84 963.52c0-342.4 277.44-620.8 620.8-620.8 342.4 0 620.8 277.44 620.8 620.8' fill='%23F1F1F1' p-id='3140'%3E%3C/path%3E%3Cpath d='M246.4 560.32l24.32 24.32c1.92 1.92 1.92 5.12 0 6.08-1.92 1.92-5.12 1.92-6.08 0l-24.32-24.32c-1.92-1.92-1.92-5.12 0-6.08 1.92-2.24 4.16-2.24 6.08 0z m38.72 39.36l24.32 24.32c1.92 1.92 1.92 5.12 0 6.08-1.92 1.92-5.12 1.92-6.08 0l-24.32-24.32c-1.92-1.92-1.92-5.12 0-6.08 0.96-0.96 3.84-0.96 6.08 0z m-45.76 23.36l24.32-24.32c1.92-1.92 5.12-1.92 6.08 0 1.92 1.92 1.92 4.16 0 6.08l-24.32 24.32c-1.92 1.92-5.12 1.92-6.08 0-2.24-0.96-2.24-3.84 0-6.08-0.96 0 0 0 0 0zM279.04 585.6l24.32-24.32c1.92-1.92 5.12-1.92 6.08 0 1.92 1.92 1.92 4.16 0 6.08l-24.32 24.32c-1.92 1.92-5.12 1.92-6.08 0-2.24-0.96-2.24-4.16 0-6.08-1.28 0-1.28 0 0 0zM1509.12 136.64l32.64 32.64c1.92 1.92 1.92 6.08 0 8-1.92 1.92-6.08 1.92-8 0l-32.64-32.64c-1.92-1.92-1.92-6.08 0-8 1.92-2.24 6.08-2.24 8 0z m51.84 52.8L1593.6 221.76c1.92 1.92 1.92 6.08 0 8-1.92 1.92-6.08 1.92-8 0l-32.64-32.64c-1.92-1.92-1.92-6.08 0-8 1.92-1.92 5.12-1.92 8 0.32zM1498.88 220.8l32.64-32.64c1.92-1.92 6.08-1.92 8 0 1.92 1.92 1.92 6.08 0 8L1507.2 229.12c-1.92 1.92-6.08 1.92-8 0-2.24-2.24-2.24-6.08-0.32-8.32zM1552 169.92L1584.32 137.6c1.92-1.92 6.08-1.92 8 0 1.92 1.92 1.92 6.08 0 8l-32.64 32.64c-1.92 1.92-6.08 1.92-8 0-1.92-0.96-1.92-5.12 0.32-8.32 0 1.28 0 0 0 0z m205.12 568.96l19.2 19.2c0.96 0.96 0.96 4.16 0 5.12-0.96 0.96-4.16 0.96-5.12 0l-19.2-19.2c-0.96-0.96-0.96-4.16 0-5.12 1.92-0.96 4.16-0.96 5.12 0z m30.4 31.68l19.2 19.2c0.96 0.96 0.96 4.16 0 5.12-0.96 0.96-4.16 0.96-5.12 0l-19.2-19.2c-0.96-0.96-0.96-4.16 0-5.12 0.96-0.96 3.2-0.96 5.12 0z m-36.48 18.24l19.2-18.24c0.96-0.96 4.16-0.96 5.12 0 0.96 0.96 0.96 3.2 0 5.12l-19.2 18.24c-0.96 0.96-4.16 0.96-5.12 0-0.96-2.24-0.96-4.16 0-5.12z m31.36-29.44l19.2-18.24c0.96-0.96 4.16-0.96 5.12 0 0.96 0.96 0.96 4.16 0 5.12l-19.2 18.24c-0.96 0.96-4.16 0.96-5.12 0-1.92-2.24-1.92-4.16 0-5.12-0.96 0 0 0 0 0z m0 0' fill='%23CCCCCC' p-id='3141'%3E%3C/path%3E%3Cpath d='M1046.72 322.56l247.04 142.4c13.76 8 18.24 25.28 10.56 39.04l-186.56 323.52c-8 13.76-25.28 18.24-39.04 10.56l-247.04-142.4c-13.76-8-18.24-25.28-10.56-39.04l186.56-323.52c8-13.76 25.28-18.56 39.04-10.56z m0 0' fill='%23F8F8F8' p-id='3142'%3E%3C/path%3E%3Cpath d='M1147.84 583.04c-28.8 16.64-64.64 14.4-91.2-6.08-26.24-20.16-38.08-54.4-29.44-86.4 8.64-32 35.84-56 68.8-60.16 32.96-4.48 65.28 11.52 81.92 40.32 22.72 39.36 9.28 89.6-30.08 112.32z m-94.4-40.32c15.04 25.92 46.72 37.44 74.88 26.88l-60.8-105.28c-23.04 19.2-29.12 52.48-14.08 78.4z m32-88.64l60.8 105.28c23.04-19.2 29.12-52.16 14.08-78.4-15.04-25.92-46.72-37.12-74.88-26.88z m0 0' fill='%23EEEEEE' p-id='3143'%3E%3C/path%3E%3Cpath d='M575.68 421.44l296.64-171.2c8-4.48 17.28-5.76 25.92-3.52 8.64 2.24 16.32 8 20.8 16l224.32 388.48c9.6 16.32 3.84 37.44-12.48 46.72l-296.64 171.2c-8 4.48-17.28 5.76-25.92 3.52-8.64-2.24-16.32-8-20.8-16L563.2 468.16c-9.6-16.32-3.84-37.44 12.48-46.72z m0 0' fill='%23FAFAFA' p-id='3144'%3E%3C/path%3E%3Cpath d='M1250.88 338.24c-1.28-8.96-8.32-15.68-16.96-17.28-9.6-1.92-9.6-3.84 0-5.76 8.96-1.28 15.68-8.32 17.28-16.96 1.92-9.6 3.84-9.6 5.76 0 1.28 8.96 8.32 15.68 16.96 17.28 9.6 1.92 9.6 3.84 0 5.76-8.96 1.28-15.68 8.32-17.28 16.96-1.92 9.6-3.84 9.28-5.76 0z m0 0' fill='%23E6E6E6' p-id='3145'%3E%3C/path%3E%3Cpath d='M536 705.6c3.84-20.8-2.88-37.12-20.16-48.96-17.6-11.84-16-15.68 4.8-11.84 20.8 3.84 36.8-2.88 48.64-20.16 11.84-17.6 15.68-16 11.84 4.8-3.84 20.8 2.88 37.12 20.16 48.96 17.6 11.84 16 15.68-4.8 11.84-20.8-3.84-36.8 2.88-48.64 20.16-11.84 17.28-15.68 15.68-11.84-4.8z m0 0' fill='%23F1F1F1' p-
}
.center{width:260rpx;height:260rpx;display: flex;justify-content: center;align-items: center;flex-direction: column;}