ラジャは、アップロード動画とテキストプロンプトの下にサークルでラウンド行きます

< ブロック> 
    < ビュークラス= "listFooterLoading" WX：もし= "{{loadStatus == 1}}" > 
    <！ - 转圈圈- > 
      < ビュークラス= "M-LOAD2" > 
        < ビュークラス= "行" > < ビュー> </ ビュー> < ビュー> </ ビュー> < ビュー> </ ビュー> < ビュー> </ ビュー> < ビュー> </ ビュー> < 図> </ ビュー> </ ビュー> 
        <ビュークラス= "circlebg" > </ ビュー> 
      </ ビュー> 
      < ビュークラス= '負荷単語' >ロード</ ビュー> 
    </ ビュー> 
    < テキストクラス= "listFooter" WX：elifの=「{{loadStatus }} == 2 " >これ以上のデータアップ！</ テキスト> 
    < テキストクラス= "listFooter" WX：のelif "loadStatus == {{ - }} 1" = >データのロードに失敗し、ネットワークをチェック</ テキスト> 
    <WX：elifの= "loadStatus == {{ - 2}}"  >データなし！</ テキスト> 
</ ブロック>

.listFooter { 
    色：＃888888。
    背景：＃EFEFF4。
    表示：ブロック ; 
    テキスト整列：センター ; 
    幅：100％ ; 
    フォントサイズ：28rpx。
    高さ：104rpx。
    パディングトップ：46rpx。
} / * 加载中* / 
.listFooterLoading { 
    色：＃888888。
    背景：
EFEFF4位 ; 
    テキスト整列=左：センター ; 
    幅：100％ ; 
    フォントサイズ：28rpx ; 
    高さ：104rpx ; 
    パディングトップ：46rpx ; 
    ディスプレイ：フレックス ; 
    正当化-コンテンツ：センター ; 
} 
.LOAD-ワード { 
  マージン左：23rpx ; 
} / * LAC動き円をアップロード************ ************* * / 
.M-LOAD2 { 幅：36rpx
; 高さ：36rpx ;} 
.M-LOAD2 { 背景：＃1 EFEFF4 ;}
 / * *加载动画的静态样式* * / 
.M-LOAD2 { 位置：相対 ;} 
.M-LOAD2 .LINE図 { 位置：絶対。左：16rpx。トップ：0 ; 幅：3rpx。高さ：36rpx ;} 
.M-LOAD2の.LINEビュー：前に、.M-LOAD2 .LINEビュー：後 { 内容：''; 表示：ブロック ; 高さ：50％ ; 背景：＃96969C。境界半径：5rpx ;} 
.M-LOAD2 .LINEビュー：n番目の子（2） { 変換：回転（30度） ;} 
.M-LOAD2 .LINEビュー：n番目の子（3） { 変換：回転（60deg ） ;} 
.M-LOAD2 .LINEビュー：n番目の子を（4） { 変換：回転（90deg） ;} 
.M-LOAD2 .LINEビュー：n番目の子を（5） { 変換：回転（120deg） ;}
.M-LOAD2 .LINEビュー：n番目の子（6） { 変換：回転（150deg） ;} 
.M-LOAD2 .circlebg { 位置：絶対。左：50％ ; トップ：50％ ; 幅：18rpx。高さ：18rpx。マージン：-9rpx 0 0 -9rpx。背景：＃EFEFF4。境界半径：18rpx ;}
 / * *加载动画* * / 
@keyframes負荷 { 
    0％{不透明度：0 ;} 
    100％ { 不透明度：1 ;} 
} 
.M-LOAD2の.LINEビュー：n番目の子（1）：前 { アニメーション：無限の負荷1.2秒線形0 ;} 
.M-LOAD2の.LINEビュー：n番目の子（2）：前 { アニメーション：1.2秒0.1秒線形無限負荷 ;} 
.M-LOAD2の.LINEビュー：n番目の子（3）：前 { アニメーション：ロード1.2秒線形0.2S無限 ;} 
.M-LOAD2。ラインビュー：n番目の子（4）：前 { アニメーション：ロード1.2秒0.3秒線形無限 ;} 
.M-LOAD2 .LINEビュー：n番目の子（5）：前 {アニメーション：ロード1.2秒0.4秒線形無限 ;} 
.M-LOAD2 .LINEビュー：n番目の子（6）：前 { アニメーション：ロード1.2秒0.5秒線形無限 ;} 
.M-LOAD2 .LINEビュー：n番目の子（1）：後 { アニメーション：1.2秒0.6秒線形無限負荷 ;} 
.M-LOAD2 .LINEビュー：n番目の子（2）の後 { アニメーション：ロード1.2秒線形0.7s無限 ;} 
.M-LOAD2。ラインビュー：n番目の子（3）：後 { アニメーション：ロード1.2秒線形0.8S無限 ;} 
.M-LOAD2 .LINEビュー：n番目の子（4）：後 { アニメーション：負荷1.2秒線形0.9s無限 ;} 
.M-LOAD2 .LINEビュー：n番目の子（5）：後 { アニメーション：ロード1.2秒線形1S無限 ;} 
.M-LOAD2 .LINEビュー：n番目の子（6） ：後 { アニメーション：ロード1.2秒線形1.1s無限 ;}

 

下のページに導入wxml 

<！ - アップロードLACプロンプト状態- > 
< 含まSRC = "/ビュー/ listFooter / listFooter.wxml" />

 

JSよる割り当てloadStatusは、どのような状態のコントロールを表示します。