Showing
2 changed files
with
36 additions
and
0 deletions
| @@ -2,5 +2,6 @@ | @@ -2,5 +2,6 @@ | ||
| 2 | <view class="zhuozi"></view> | 2 | <view class="zhuozi"></view> |
| 3 | <view class="qingke">请客订包间</view> | 3 | <view class="qingke">请客订包间</view> |
| 4 | <view class="zhoudao">就用周到安排</view> | 4 | <view class="zhoudao">就用周到安排</view> |
| 5 | + <view class="animation">正在加载中</view> | ||
| 5 | </view> | 6 | </view> |
| 6 | <network id="network" bindnetwork="networkEvent"></network> | 7 | <network id="network" bindnetwork="networkEvent"></network> |
| @@ -33,4 +33,39 @@ page{ | @@ -33,4 +33,39 @@ page{ | ||
| 33 | 33 | ||
| 34 | margin-top: 30rpx; | 34 | margin-top: 30rpx; |
| 35 | text-align: center; | 35 | text-align: center; |
| 36 | +} | ||
| 37 | +@keyframes dododo | ||
| 38 | +{ | ||
| 39 | + 30%{ | ||
| 40 | + content: '.'; | ||
| 41 | + } | ||
| 42 | + 50% { | ||
| 43 | + content: '..'; | ||
| 44 | + } | ||
| 45 | + 75%{ | ||
| 46 | + content: '...'; | ||
| 47 | + } | ||
| 48 | + 100%{ | ||
| 49 | + content: ''; | ||
| 50 | + } | ||
| 51 | +} | ||
| 52 | +.animation{ | ||
| 53 | + margin-top: 218rpx; | ||
| 54 | + width:178rpx; | ||
| 55 | + height:40rpx; | ||
| 56 | + font-size:28rpx; | ||
| 57 | + font-family:PingFangSC-Regular,PingFang SC; | ||
| 58 | + font-weight:400; | ||
| 59 | + color:rgba(192,163,105,1); | ||
| 60 | + line-height:40rpx; | ||
| 61 | + text-align: left; | ||
| 62 | + position: fixed; | ||
| 63 | + bottom: 140rpx; | ||
| 64 | + left:calc(50% - 89rpx); | ||
| 65 | +} | ||
| 66 | +.animation:after{ | ||
| 67 | + content: ''; | ||
| 68 | + animation-name: dododo; | ||
| 69 | + animation-duration: 1.5s; | ||
| 70 | + animation-iteration-count:9999; | ||
| 36 | } | 71 | } |
-
Please register or login to post a comment