优化登录体验。修复因为流地址导致的录像服务无法识别

web_src/src/components/Login.vue

@@ -22,7 +22,7 @@
           </div>
 
           <div class="container-login100-form-btn">
-            <div class="wrap-login100-form-btn">
+            <div class="wrap-login100-form-btn" :class="{'login-loading': isLoging}" v-loading="isLoging" element-loading-background="rgb(0 0 0 / 0%);" element-loading-custom-class="login-loading-class">
               <div class="login100-form-bgbtn"></div>
               <button class="login100-form-btn" @click="login">登录</button>
             </div>
@@ -41,6 +41,7 @@ export default {
   	return {
       isLoging: false,
       showPassword: false,
+      loginLoading: false,
   		username: '',
   		password: ''
   	}

web_src/static/css/login.css

@@ -376,6 +376,31 @@
 .p-b-48 {padding-bottom: 48px;}
 .p-t-115 {padding-top: 115px;}
 
+@keyframes login {
+  from {width: 100%}
+  to {width: 50px}
+}
+
+.login-loading{
+  width: 50px;
+  animation-name: login;
+  animation-duration: 0.5s;
+}
+.login-loading > .login100-form-btn {
+  visibility: hidden !important;
+}
+.login-loading-class{
+  stroke: rgb(255, 255, 255) !important;
+  background-color: transparent !important;
+}
+
+.login-loading-class > .el-loading-spinner .path {
+  stroke: rgb(255, 255, 255) !important;
+}
+
+
+
+
 /**font**/
 /* .zmdi {
   display: inline-block;