|
|
@@ -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>
|
