12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364 |
- .wait-loading {
- width: 100vw;
- height: 100vh;
- position: relative;
- display: flex;
- align-items: center;
- justify-content: center;
- }
- .mask {
- position: relative;
- width: 120rpx;
- height: 120rpx;
- margin-bottom: 100rpx;
- image {
- position: absolute;
- bottom: 0;
- }
- .front {
- position: absolute;
- bottom: 0;
- overflow: hidden;
- height: 100%;
- width: 120rpx;
- image {
- height: 120rpx;
- }
- }
- .stitle {
- position: absolute;
- font-size: 28rpx;
- bottom: -36rpx;
- left: 0;
- right: 0;
- text-align: center;
- color: #333;
- margin-left: -6rpx;
- }
- }
- .slidein {
- animation: slideout 3s infinite;
- }
- .complete {
- animation: none !important;
- }
- @keyframes slideout {
- 0% {
- height: 0%;
- }
- 50% {
- height: 70%;
- }
- 100% {
- height: 100%;
- }
- }
|