登录页面

src/views/login/email-verify.vue

@@ -1,5 +1,5 @@
 <template>
-	<div class="visible-code">
+	<div class="email-verify">
 		<div class="tip" v-html="$t('Login.verifyCodeHasSent', { email: props.email })"></div>
 		<input-code @submit="onVerify" v-model="code" ref="inputCodeRef" />
 		<p class="time" v-if="time > 0">{{ $t('Login.resendCodeIn', { time: timeStr }) }}</p>
@@ -7,7 +7,7 @@
 			<span @click="onResend">{{ $t('Login.resendCode') }}</span>
 		</p>
 		<button class="verify" custom="black" @click="onVerify">{{ $t('Login.verify') }}</button>
-		<other-login />
+		<other-login v-if="isShowOtherLogin" />
 	</div>
 </template>
 
@@ -29,7 +29,8 @@
 			type: String as () => 'LOGIN' | 'REGISTER' | 'FORGOT_PWD',
 			required: true
 		},
-		password: { type: String, default: '' }
+		password: { type: String, default: '' },
+		isShowOtherLogin: { type: Boolean, default: true }
 	})
 	const code = ref('')
 	const time = ref(60)
@@ -96,7 +97,7 @@
 </script>
 
 <style lang="less" scoped>
-	.visible-code {
+	.email-verify {
 		width: 100%;
 		display: flex;
 		flex-direction: column;
@@ -123,17 +124,15 @@
 			--button-font-size: 1.4rem;
 		}
 		> .time {
+			font-family: KaiseiOpti-Regular;
 			user-select: none;
 			margin-top: 2.4rem;
-			font-size: 1.6rem;
+			font-size: 1.2rem;
 			color: #666;
-			font-family: Regular;
 			> span {
-				color: #ff7a50;
+				color: #232323;
 				text-decoration: underline;
 				cursor: pointer;
-				font-weight: 500;
-				font-family: Medium;
 			}
 		}
 		> .other-login {