添加bind第三方账号图片和load效果

pages/appDetails/appDetails.acss

@@ -63,10 +63,19 @@
     justify-content: center;
 }
 
-.loadingToast view {
+.loadingToast>view {
     font-size: 28rpx;
     color: #FFFFFF;
     padding: 18rpx 26rpx;
     border-radius: 40rpx;
-    background: rgba(0, 0, 0, .59)
+    background: rgba(0, 0, 0, .59);
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+.loadingToast image {
+    width: 36rpx;
+    height: 36rpx;
+    margin-right: 8rpx;
 }
\ No newline at end of file

pages/appDetails/appDetails.axml

@@ -29,13 +29,28 @@
             {{name ? name : 'outlook'}}
         </view>
     </view>
-    <view class="{{isBind ? 'unBinding': 'binding'}} bindBtn {{isLoading ? 'loadingBtn' : ''}}"  onTap="{{isBind ? 'showPopup' : 'bindApp'}}">
+    <view class="{{isBind ? 'unBinding': 'binding'}} bindBtn {{isLoading ? 'loadingBtn' : ''}}" onTap="{{isBind ? 'showPopup' : 'bindApp'}}">
         <text>{{isBind ? '解绑' : '绑定'}}</text>
     </view>
 </view>
 <view class="loadingToast" a:if="{{isLoading}}">
-    <view>
-        账号关联中···
+    <view a:if="{{bindStatus==='loading'}}">
+        <image class="fix-img-width-fix" mode="scaleToFill" src="./../../assests/bindLoading.gif"/>
+        <view>
+          账号关联中···
+        </view>
+    </view>
+    <view a:elif="{{bindStatus==='success'}}">
+        <image class="fix-img-width-fix" mode="scaleToFill" src="./../../assests/bindSuccess.png"/>
+        <view>
+          关联成功
+        </view>
+    </view>
+    <view a:else>
+        <image class="fix-img-width-fix" mode="scaleToFill" src="./../../assests/bindFail.png"/>
+        <view>
+          关联失败
+        </view>
     </view>
 </view>
 <selectpopup showSelectPopup="{{showSelectPopup}}" selectPopupList="{{selectPopupList}}" onSelectPopup="onSelectPopup" onSelectPopupCancel="onSelectPopupCancel"></selectpopup>
\ No newline at end of file

pages/appDetails/appDetails.js

@@ -7,6 +7,7 @@ import {
 import "dingtalk-jsapi/entry/mobile";
 import openLink from "dingtalk-jsapi/api/biz/util/openLink";
 import create from "dd-store";
+import { fail } from "assert";
 let interval = "";
 let requestNum = 0;
 create.Page({
@@ -18,7 +19,8 @@ create.Page({
     isBind: false,
     isLoading: false,
     showSelectPopup: false,
-    selectPopupList: [{ text: "取消关联" }]
+    selectPopupList: [{ text: "取消关联" }],
+    bindStatus: "loading"
   },
   onLoad(e) {
     this.setData({
@@ -31,12 +33,17 @@ create.Page({
   sendRequest() {
     let that = this;
     interval = setInterval(() => {
-      if (requestNum >= 300) {
+      if (requestNum >= 180) {
         requestNum = 0;
         that.setData({
           isBind: false,
-          isLoading: false
+          bindStatus: "fail"
         });
+        setTimeout(() => {
+          that.setData({
+            isLoading: false
+          });
+        }, 2000);
         clearInterval(interval);
       }
       requestNum++;
@@ -47,8 +54,13 @@ create.Page({
             this.setData({
               name: item.userName,
               isBind: true,
-              isLoading: false
+              bindStatus: "success"
             });
+            setTimeout(() => {
+              that.setData({
+                isLoading: false
+              });
+            }, 2000);
             clearInterval(interval);
             this.$store.data.relatedAppNeedUpdate = true;
             this.update();
@@ -62,7 +74,8 @@ create.Page({
       return false;
     }
     this.setData({
-      isLoading: true
+      isLoading: true,
+      bindStatus: "loading"
     });
     this.sendRequest();
     if (this.data.platform === "outlook") {