Kaynağa Gözat

feat:优化登陆页

叶静 1 ay önce
ebeveyn
işleme
bf4b63b751

+ 5 - 5
src/views/login/component/password.vue

@@ -65,9 +65,9 @@
 				<a href="#" class="text-blue-500" @click="emit('change', LoginTypeEnum.MOBILE)">
 					{{ $t('password.mobileLogin') }}
 				</a>
-        <a href="#" class="ml-2 text-primary hover:text-blue-600" @click="emit('change',LoginTypeEnum.FORGET)">
-           {{ $t('password.forgetPassword') }}
-        </a>
+				<a href="#" class="ml-2 text-primary hover:text-blue-600" @click="emit('change', LoginTypeEnum.FORGET)">
+					{{ $t('password.forgetPassword') }}
+				</a>
 				<a href="#" v-if="autoRegisterEnable" class="ml-2 text-blue-500" @click="emit('change', LoginTypeEnum.REGISTER)">
 					{{ $t('password.createAccount') }}
 				</a>
@@ -108,8 +108,8 @@ const state = reactive({
 	isShowPassword: false, // 是否显示密码
 	ruleForm: {
 		// 表单数据
-		username: 'admin', // 用户名
-		password: '123456', // 密码
+		username: '', // 用户名
+		password: '', // 密码
 		code: '', // 验证码
 		randomStr: 'blockPuzzle', // 验证码随机数
 	},

+ 6 - 6
src/views/login/index.vue

@@ -35,27 +35,27 @@
 						<password v-if="loginType === LoginTypeEnum.PASSWORD" @signInSuccess="signInSuccess" @change="changeLoginType" />
 						<mobile v-if="loginType === LoginTypeEnum.MOBILE" @signInSuccess="signInSuccess" @change="changeLoginType" />
 						<expire v-if="loginType === LoginTypeEnum.EXPIRE" :username="username" @change="changeLoginType" />
-            <forget v-if="loginType === LoginTypeEnum.FORGET" @change="changeLoginType"/>
+						<forget v-if="loginType === LoginTypeEnum.FORGET" @change="changeLoginType" />
 
 						<!-- 分割线 -->
-						<div class="flex items-center justify-center my-6 space-x-3">
+						<!-- <div class="flex items-center justify-center my-6 space-x-3">
 							<span class="w-20 h-[1.5px] bg-gray-200 dark:bg-slate-600"></span>
 							<span class="text-gray-600 dark:text-slate-400">{{ $t('divider.or') }}</span>
 							<span class="w-20 h-[1.5px] bg-gray-200 dark:bg-slate-600"></span>
-						</div>
+						</div> -->
 
 						<!-- 社交登录 -->
-						<social @signInSuccess="signInSuccess" />
+						<!-- <social @signInSuccess="signInSuccess" /> -->
 					</div>
 				</div>
 			</div>
 		</div>
 
 		<!-- 小程序二维码 -->
-		<Qrcode />
+		<!-- <Qrcode /> -->
 
 		<!-- Footer 组件 -->
-		<Footer />
+		<!-- <Footer /> -->
 	</div>
 </template>