添加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

@@ -34,8 +34,23 @@
     </view>
 </view>
 <view class="loadingToast" a:if="{{isLoading}}">
+    <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,
+          bindStatus: "fail"
+        });
+        setTimeout(() => {
+          that.setData({
             isLoading: false
           });
+        }, 2000);
         clearInterval(interval);
       }
       requestNum++;
@@ -47,8 +54,13 @@ create.Page({
             this.setData({
               name: item.userName,
               isBind: true,
+              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") {