ソースを参照

修改登陆页面

qaz 1 週間 前
コミット
501e1f7485

+ 0 - 0
public/favicon.ico → public/favicon2.ico


BIN
src/assets/rayLogo.png


+ 2 - 2
src/layout/logo/index.vue

@@ -1,10 +1,10 @@
 <template>
 	<div class="layout-logo" v-if="setShowLogo" @click="onThemeConfigChange">
-		<img src="../../assets/logo1.png" class="layout-logo-medium-img"/>
+		<img src="../../assets/rayLogo.png" class="layout-logo-medium-img"/>
 		<!-- <span style="font-size: x-large">{{ getSystemConfig['login.site_title'] || themeConfig.globalTitle }}</span> -->
 	</div>
 	<div class="layout-logo-size" v-else @click="onThemeConfigChange">
-		<img src="../../assets/logo1.png" class="layout-logo-size-img" />
+		<img src="../../assets/rayLogo.png" class="layout-logo-size-img" />
 	</div>
 </template>
 

+ 293 - 18
src/theme/loading.scss

@@ -1,23 +1,298 @@
 .loading-next {
-	position: fixed;
-	top: 0;
-	left: 0;
 	width: 100%;
 	height: 100%;
-	background: rgba(255, 255, 255, 0.95);
-	z-index: 9999;
-	
-	.loading-next-box {
-		display: flex;
-		justify-content: center;
-		align-items: center;
-		height: 100%;
-		
-		.loading-next-box-warp {
-			.loading-gif {
-				width: 300px;
-				height: 300px;
-			}
-		}
+}
+.loading-next .loader-container {
+	position: absolute;
+	top: 50%;
+	left: 50%;
+	transform: translate(-50%, -50%);
+}
+.loading-next .loading-next-box-warp {
+	width: 80px;
+	height: 80px;
+}
+.loading-next .loading-next-box-warp .loading-next-box-item {
+	width: 33.333333%;
+	height: 33.333333%;
+	background: var(--el-color-primary);
+	float: left;
+	animation: loading-next-animation 1.2s infinite ease;
+	border-radius: 1px;
+}
+.loading-next .loading-next-box-warp .loading-next-box-item:nth-child(7) {
+	animation-delay: 0s;
+}
+.loading-next .loading-next-box-warp .loading-next-box-item:nth-child(4),
+.loading-next .loading-next-box-warp .loading-next-box-item:nth-child(8) {
+	animation-delay: 0.1s;
+}
+.loading-next .loading-next-box-warp .loading-next-box-item:nth-child(1),
+.loading-next .loading-next-box-warp .loading-next-box-item:nth-child(5),
+.loading-next .loading-next-box-warp .loading-next-box-item:nth-child(9) {
+	animation-delay: 0.2s;
+}
+.loading-next .loading-next-box-warp .loading-next-box-item:nth-child(2),
+.loading-next .loading-next-box-warp .loading-next-box-item:nth-child(6) {
+	animation-delay: 0.3s;
+}
+.loading-next .loading-next-box-warp .loading-next-box-item:nth-child(3) {
+	animation-delay: 0.4s;
+}
+@keyframes loading-next-animation {
+	0%,
+	70%,
+	100% {
+		transform: scale3D(1, 1, 1);
+	}
+	35% {
+		transform: scale3D(0, 0, 1);
 	}
 }
+
+/*  html {
+	background-color: #333;
+  } 
+	h1 {
+	font-family: Marvel;
+	font-size: 50pt;
+	color: #fff;
+	margin-top: 10px;
+	margin-bottom: 10px;
+	text-align: center;
+  } */
+  .loader {
+	position: relative;
+	width: 50px;
+	height: 50px;
+	margin: 10px;
+  }
+  .loader-container {
+	display: inline-block;
+	height: 150px;
+	width: 200px;
+  }
+  .container-of-loaders {
+	width: 800px;
+	margin-left: auto;
+	margin-right: auto;
+  }
+  @media screen and (max-width: 810px) {
+	.container-of-loaders {
+	  width: 600px;
+	}
+	.no-7 {
+	  margin-left: 100px;
+	}
+  }
+  @media screen and (max-width: 623px) {
+	.container-of-loaders {
+	  width: 400px;
+	}
+	.no-7 {
+	  margin-left: 0px;
+	}
+  }
+  @media screen and (max-width: 423px) {
+	.container-of-loaders {
+	  width: 200px;
+	}
+  }
+
+  .one {
+	background-color: rgba(255, 255, 255, 0.6);
+	border-radius: 50%;
+	animation: loader1Animation 1s ease-in-out infinite;
+	margin-left: auto;
+	margin-right: auto;
+	margin-top: 50px;
+  }
+  .one:before {
+	content: "";
+	position: absolute;
+	top: 5px;
+	left: 19px;
+	width: 12px;
+	height: 12px;
+	border-radius: 50%;
+	background-color: #333;
+  }
+  @keyframes loader1Animation {
+	0% {
+	  transform: rotate(0deg);
+	}
+	100% {
+	  transform: rotate(360deg);
+	}
+  }
+
+  .two {
+	border-radius: 50%;
+	border: solid transparent 5px;
+	border-top: solid #fff 5px;
+	border-left: solid #fff 5px;
+	animation: loader2Animation 1s linear infinite;
+	margin-left: auto;
+	margin-right: auto;
+	margin-top: 45px;
+  }
+  @keyframes loader2Animation {
+	0% {
+	  transform: rotate(0deg);
+	}
+	100% {
+	  transform: rotate(360deg);
+	}
+  }
+
+  .three {
+	height: 100px;
+	width: 100px;
+	border-radius: 50%;
+	border: solid transparent 10px;
+	border-top: solid #409eff 10px;
+	border-left: solid #409eff 10px;
+	animation: loader3Animation 2s linear infinite;
+	margin-left: auto;
+	margin-right: auto;
+	margin-top: 15px;
+  }
+  .three:before {
+	position: absolute;
+	top: 20px;
+	left: 20px;
+	content: "";
+	width: 40px;
+	height: 40px;
+	border: solid transparent 10px;
+	border-top: solid #409eff 10px;
+	border-left: solid #409eff 10px;
+	border-radius: 50%;
+	animation: loader3AnimationBefore 1.5s linear infinite;
+  }
+  .three:after {
+	position: absolute;
+	top: 5px;
+	left: 5px;
+	content: "";
+	width: 70px;
+	height: 70px;
+	border: solid transparent 10px;
+	border-top: solid #409eff 10px;
+	border-left: solid #409eff 10px;
+	border-radius: 50%;
+	animation: loader3AnimationAfter 1.5s linear infinite;
+  }
+  @keyframes loader3Animation {
+	0% {
+	  transform: rotate(0deg);
+	}
+	100% {
+	  transform: rotate(360deg);
+	}
+  }
+  @keyframes loader3AnimationBefore {
+	0% {
+	  transform: rotate(0deg);
+	}
+	100% {
+	  transform: rotate(360deg);
+	}
+  }
+  @keyframes loader3AnimationAfter {
+	0% {
+	  transform: rotate(360deg);
+	}
+	100% {
+	  transform: rotate(-360deg);
+	}
+  }
+
+  .four {
+	margin-top: 70px;
+	width: 10px;
+	height: 10px;
+	background-color: #fff;
+	border-radius: 50%;
+	animation: loader4Animation 1s linear infinite;
+	margin-left: 80px;
+  }
+  @keyframes loader4Animation {
+	0% {
+	  background-color: rgba(255, 255, 255, 1);
+	  box-shadow: 15px 0px 0px 0px rgba(255, 255, 255, 0.67),
+		30px 0px 0px 0px rgba(255, 255, 255, 0.33);
+	}
+	17% {
+	  background-color: rgba(255, 255, 255, 0.67);
+	  box-shadow: 15px 0px 0px 0px rgba(255, 255, 255, 1),
+		30px 0px 0px 0px rgba(255, 255, 255, 0.67);
+	}
+	33% {
+	  background-color: rgba(255, 255, 255, 0.33);
+	  box-shadow: 15px 0px 0px 0px rgba(255, 255, 255, 0.67),
+		30px 0px 0px 0px rgba(255, 255, 255, 1);
+	}
+	50% {
+	  background-color: rgba(255, 255, 255, 0);
+	  box-shadow: 15px 0px 0px 0px rgba(255, 255, 255, 0.33),
+		30px 0px 0px 0px rgba(255, 255, 255, 0.67);
+	}
+	67% {
+	  background-color: rgba(255, 255, 255, 0.33);
+	  box-shadow: 15px 0px 0px 0px rgba(255, 255, 255, 0),
+		30px 0px 0px 0px rgba(255, 255, 255, 0.33);
+	}
+	83% {
+	  background-color: rgba(255, 255, 255, 0.67);
+	  box-shadow: 15px 0px 0px 0px rgba(255, 255, 255, 0.33),
+		30px 0px 0px 0px rgba(255, 255, 255, 0);
+	}
+	100% {
+	  background-color: rgba(255, 255, 255, 1);
+	  box-shadow: 15px 0px 0px 0px rgba(255, 255, 255, 0.67),
+		30px 0px 0px 0px rgba(255, 255, 255, 0.33);
+	}
+  }
+
+  .five {
+	width: 100px;
+	height: 100px;
+	border-radius: 50%;
+	border: solid #fff 4px;
+	margin-left: auto;
+	margin-right: auto;
+	margin-top: 23px;
+  }
+  .five:before {
+	content: "";
+	height: 42px;
+	width: 4px;
+	position: absolute;
+	left: 48px;
+	top: 10px;
+	background: #fff;
+	border-radius: 2px;
+	transform-origin: 2px 40px;
+	animation: loader5Animation 2s linear infinite;
+  }
+  .five:after {
+	content: "";
+	height: 27px;
+	width: 4px;
+	position: absolute;
+	left: 48px;
+	top: 25px;
+	background: #fff;
+	border-radius: 2px;
+	transform-origin: 2px 25px;
+	animation: loader5Animation 12s linear infinite;
+  }
+  @keyframes loader5Animation {
+	0% {
+	  tranform: rotate(0deg);
+	}
+	100% {
+	  transform: rotate(360deg);
+	}
+  }

+ 8 - 6
src/utils/loading.ts

@@ -16,12 +16,14 @@ export const NextLoading = {
 		const bodys: Element = document.body;
 		const div = <HTMLElement>document.createElement('div');
 		div.setAttribute('class', 'loading-next');
-		const htmls = `
-			<div class="loading-next-box">
-				<div class="loading-next-box-warp">
-					<img src="https://data.qicai321.com/minlong/tenant_1/general_uploads/08bc9a4820724aa682eea20af7d1343f.gif" alt="loading" class="loading-gif" />
-				</div>
-			</div>
+		const htmls = `<div class="loading-next container-of-loaders">
+			         		<div id="loader3" class="loader-container">
+
+                   			 <div class="loader three"></div>
+
+                                </div>
+
+                        </div>
 		`;
 		div.innerHTML = htmls;
 		bodys.insertBefore(div, bodys.childNodes[0]);

+ 10 - 10
src/views/system/login/index.vue

@@ -4,10 +4,10 @@
 			<div class="login-left-logo">
 				<!-- <img :src="siteLogo" /> -->
 				<div class="login-left-logo-text">
-					<span>{{ "奇才, 只选对的!" }}</span><!-- getSystemConfig['login.site_title'] || getThemeConfig.globalViceTitle -->
-					<span class="login-left-logo-text-msg" style="margin-top: 5px">{{
+					<!-- <span>{{ "奇才, 只选对的!" }}</span> --><!-- getSystemConfig['login.site_title'] || getThemeConfig.globalViceTitle -->
+					<!-- <span class="login-left-logo-text-msg" style="margin-top: 5px">{{
 						"您的人才战略顾问与首席执行官"
-					}}</span><!-- getSystemConfig['login.site_name'] || getThemeConfig.globalViceTitleMsg -->
+					}}</span> --><!-- getSystemConfig['login.site_name'] || getThemeConfig.globalViceTitleMsg -->
 				</div>
 			</div>
 		</div>
@@ -23,7 +23,7 @@
 					<div class="flex flex-col items-center justify-center p-8 pt-14">
 						<!-- Logo -->
 						<div class="logo-title">
-							<img src="../../../assets/LOGO1.png" alt="奇才AI面试" style="width: 65px; height: 70px;margin-right: 10px;">
+							<img src="../../../assets/rayLogo.png" alt="奇才AI面试" style="width: 70px; height: 70px;margin-right: 10px;">
 							<span style="font-size: 20px;font-weight: 600;letter-spacing: 3px;color: #595959;">账号登录</span>
 						</div>
 
@@ -53,18 +53,18 @@
 		</div>
 
 		<div class="login-authorization z-10">
-			<p style="font-size: 12px;">©上海敏龙智创科技发展有限公司{{ getSystemConfig['login.copyright'] || '' }}</p><!-- ['login.keep_record'] || Copyright ©  -->
-			<p class="la-other" style="margin-top: 5px">
+		<!-- 	<p style="font-size: 12px;">©上海敏龙智创科技发展有限公司{{ getSystemConfig['login.copyright'] || '' }}</p> --><!-- ['login.keep_record'] || Copyright ©  -->
+			<!-- <p class="la-other" style="margin-top: 5px"> -->
 				
-				<a href="https://wap.scjgj.sh.gov.cn/businessCheck/verifKey.do?showType=extShow&serial=9031000020250320141804000014054024-SAIC_SHOW_310000-6b70f287e0d2495697591ebb489adbe0956&signData=MEUCIGXojP0+cGcuBbeXVsraC1SL1GH9NehsKT6NwL/dPcjDAiEAryFp/aqoTmP5Z7seNN9eVQ4Rrvk4SsyT0FnqcL4kxFM=" target="_blank" >
-					<img style="display: inline-block;width: 28px;" src="../../../assets/电子营业执照.png" alt=""></a>沪ICP备2024071246号-3
+				<!-- <a href="https://wap.scjgj.sh.gov.cn/businessCheck/verifKey.do?showType=extShow&serial=9031000020250320141804000014054024-SAIC_SHOW_310000-6b70f287e0d2495697591ebb489adbe0956&signData=MEUCIGXojP0+cGcuBbeXVsraC1SL1GH9NehsKT6NwL/dPcjDAiEAryFp/aqoTmP5Z7seNN9eVQ4Rrvk4SsyT0FnqcL4kxFM=" target="_blank" >
+					<img style="display: inline-block;width: 28px;" src="../../../assets/电子营业执照.png" alt=""></a>沪ICP备2024071246号-3 -->
 				<!-- |
 				<a :href="getSystemConfig['login.help_url'] ? getSystemConfig['login.help_url'] : '#'" target="_blank">帮助</a>
 				|
 				<a :href="getSystemConfig['login.privacy_url'] ? getBaseURL(getSystemConfig['login.privacy_url']) : '#'">隐私</a>
 				|
 				<a :href="getSystemConfig['login.clause_url'] ? getBaseURL(getSystemConfig['login.clause_url']) : '#'">条款</a> -->
-			</p>
+			<!-- </p> -->
 		</div>
 	</div>
 	<div v-if="loginBg">
@@ -79,7 +79,7 @@ import { useThemeConfig } from '/@/stores/themeConfig';
 import { NextLoading } from '/@/utils/loading';
 import logoMini from '/@/assets/logo-mini.svg';
 import loginMain from '/@/assets/login-main.svg';
-import loginBg from '/@/assets/background.jpg';
+import loginBg from '/@/assets/login_background.jpg';
 import { SystemConfigStore } from '/@/stores/systemConfig';
 import { getBaseURL } from '/@/utils/baseUrl';
 // 引入组件