bug fix

components/MobileBuyNft.vue

@@ -130,6 +130,12 @@
                 </div>
             </div>
         </van-popup>
+
+        <!-- loading -->
+        <div class="loginLoading" v-if="loading">
+            <van-loading color="#1D9BF0"></van-loading>
+        </div>
+        <div class="loginLoadingBg" v-if="loading"></div>
     </div>
 </template>
 
@@ -154,6 +160,7 @@ export default {
             curItem: null,
             listData: [],
             nftMetaData: {},
+            loading: false,
             loginLayer: false,
         }
     },
@@ -237,6 +244,7 @@ export default {
             })
         },
         login() {
+            this.loading = true;
             Report.log({
                 pageSource: Report.pageSource.nftLoginPage,
                 params: {
@@ -276,6 +284,7 @@ export default {
         },
         loginError() {
             Toast('login fail');
+            this.loading = false;
             Report.log({
                 pageSource: Report.pageSource.nftLoginPage,
                 params: {
@@ -508,4 +517,25 @@ export default {
         }
     }
 }
+
+.loginLoading {
+    position: absolute;
+    z-index: 9991;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+}
+.loginLoadingBg {
+    position: absolute;
+    z-index: 9990;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-color: rgba($color: #000, $alpha: .1);
+}
 </style>