Commit 9466a075 by Joey

feat(@rbc/rbc-login): 用纯白加载画面显得加载很快(

parent 47e61b1e
<template> <template>
<div class="login-wrapper"> <div class="login-wrapper">
<div v-if="imgLoading" class="white-loading"></div>
<img v-if="loginImageBg" :src="loginImageBg" class="login-img-bg" /> <img v-if="loginImageBg" :src="loginImageBg" class="login-img-bg" />
<div class="bg-color-class" /> <div class="bg-color-class" />
...@@ -154,14 +155,6 @@ export default { ...@@ -154,14 +155,6 @@ export default {
}, },
}, },
watch: { watch: {
imgLoading(val) {
if (val) {
this.$Spin.show()
}
else {
this.$Spin.hide()
}
}
}, },
methods: { methods: {
getImgUrl(imgCode) { getImgUrl(imgCode) {
...@@ -301,6 +294,13 @@ export default { ...@@ -301,6 +294,13 @@ export default {
background-size: cover; background-size: cover;
overflow: hidden; overflow: hidden;
position: absolute; position: absolute;
.white-loading {
position: absolute;
width: 100%;
height: 100%;
background-color: white;
z-index: 2000;
}
.login-img-bg { .login-img-bg {
width: 100%; width: 100%;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment