1234567891011121314151617181920212223242526272829303132333435363738394041424344 |
- /* components/wait/wait.wxss */
- .page-wait {
- display: flex;
- width: 100vw;
- height: 100vh;
- position: absolute;
- z-index: 99999;
- top: 0;
- left: 0;
- background: #ffffff00;
- pointer-events: none;
- &.active {
- background: #ffffff93;
- pointer-events: all;
- }
- .place {
- position: fixed;
- top: 35%;
- left: 50%;
- margin-left: -26rpx;
- }
- .loading {
- width: 40rpx;
- height: 40rpx;
- border: 2px solid #000;
- border-top-color: transparent;
- border-radius: 100%;
- animation: circle infinite 0.75s linear;
- }
- // 转转转动画
- @keyframes circle {
- 0% {
- transform: rotate(0);
- }
- 100% {
- transform: rotate(360deg);
- }
- }
- }
|