From b9a26af5b08d3d92a6c38fd90e023bc4706f19eb Mon Sep 17 00:00:00 2001
From: shuishen <1109946754@qq.com>
Date: Mon, 29 Sep 2025 14:22:30 +0800
Subject: [PATCH] feat:一些基础文件格式化处理
---
src/pages/login/index.vue | 91 +++++++++++++++++++++++----------------------
1 files changed, 47 insertions(+), 44 deletions(-)
diff --git a/src/pages/login/index.vue b/src/pages/login/index.vue
index 43e6a09..403ee91 100644
--- a/src/pages/login/index.vue
+++ b/src/pages/login/index.vue
@@ -2,12 +2,20 @@
<template>
<view>
<view class="login-form-wrap">
- <view class="title">
- 欢迎登录
- </view>
- <input v-model="tel" class="u-border-bottom" type="number" placeholder="请输入手机号">
+ <view class="title"> 欢迎登录 </view>
+ <input
+ v-model="tel"
+ class="u-border-bottom"
+ type="number"
+ placeholder="请输入手机号"
+ />
<view class="u-border-bottom my-40rpx flex">
- <input v-model="code" class="flex-1" type="number" placeholder="请输入验证码">
+ <input
+ v-model="code"
+ class="flex-1"
+ type="number"
+ placeholder="请输入验证码"
+ />
<view>
<u-code ref="uCodeRef" @change="codeChange" />
<u-button :text="tips" type="success" size="mini" @click="getCode" />
@@ -18,9 +26,7 @@
</button>
<view class="alternative">
- <view class="password">
- 密码登录
- </view>
+ <view class="password"> 密码登录 </view>
<view class="issue flex items-center">
遇到问题 <text class="i-mdi-help" />
</view>
@@ -42,9 +48,7 @@
</view>
<view class="hint">
登录代表同意
- <text class="link">
- 用户协议、隐私政策，
- </text>
+ <text class="link"> 用户协议、隐私政策， </text>
并授权使用您的账号信息（如昵称、头像、收获地址）以便您统一管理
</view>
</view>
@@ -55,76 +59,75 @@
HOME_PATH,
isTabBarPath,
LOGIN_PATH,
- removeQueryString
-} from "@/router"
-import { setToken } from "@/utils/auth"
+ removeQueryString,
+} from "@/router";
+import { setToken } from "@/utils/auth";
// import { useUserStore } from '@/store';
// const userStore = useUserStore();
-const tel = ref("18502811111")
-const code = ref("1234")
-const tips = ref()
-const uCodeRef = ref(null)
-let redirect = HOME_PATH
+const tel = ref("18502811111");
+const code = ref("1234");
+const tips = ref();
+const uCodeRef = ref(null);
+let redirect = HOME_PATH;
const inputStyle = computed(() => {
- const style = {}
+ const style = {};
if (tel.value && code.value) {
- style.color = "#fff"
- style.backgroundColor = uni.$u.color.warning
+ style.color = "#fff";
+ style.backgroundColor = uni.$u.color.warning;
}
- return style
-})
+ return style;
+});
function codeChange(text) {
- tips.value = text
+ tips.value = text;
}
function getCode() {
if (uCodeRef.value?.canGetCode) {
// 模拟向后端请求验证码
uni.showLoading({
- title: "正在获取验证码"
- })
+ title: "正在获取验证码",
+ });
setTimeout(() => {
- uni.hideLoading()
- uni.$u.toast("验证码已发送")
+ uni.hideLoading();
+ uni.$u.toast("验证码已发送");
// 通知验证码组件内部开始倒计时
- uCodeRef.value?.start()
- }, 1000)
+ uCodeRef.value?.start();
+ }, 1000);
} else {
- uni.$u.toast("倒计时结束后再发送")
+ uni.$u.toast("倒计时结束后再发送");
}
}
async function submit() {
if (!uni.$u.test.mobile(Number(tel.value))) {
- uni.$u.toast("请输入正确的手机号")
- return
+ uni.$u.toast("请输入正确的手机号");
+ return;
}
if (!code.value) {
- uni.$u.toast("请输入验证码")
- return
+ uni.$u.toast("请输入验证码");
+ return;
}
// 登录请求
// const res = await userStore.login({ phone: tel.value, code: code.value }).catch(() => {
// uni.$u.toast('登录失败');
// });
// if (!res) return;
- setToken("1234567890")
+ setToken("1234567890");
setTimeout(() => {
uni.$u.route({
type: isTabBarPath(redirect) ? "switchTab" : "redirectTo",
- url: redirect
- })
- }, 800)
+ url: redirect,
+ });
+ }, 800);
}
-onLoad(options => {
+onLoad((options) => {
if (options.redirect && removeQueryString(options.redirect) !== LOGIN_PATH) {
- redirect = decodeURIComponent(options.redirect)
+ redirect = decodeURIComponent(options.redirect);
}
-})
-
+});
</script>
<style lang="scss" scoped>
--
Gitblit v1.9.3