+
+
+
+
+ ![]()
+
- {{ siteStore.brandMark }}
+ {{ siteStore.siteName }}
+
-
-
-
+
+ {{ modeEyebrow }}
-{{ modeTitle }}
-{{ modeSubtitle }}
+
+
+ 安全租号 | 畅享游戏
++ 高效、安全的哈夫币账号交易平台，7×24 小时智能订单系统随时为您服务。 +
+
+
+
+
+
+
+
+
+
+ 官方品质保障
+ 严格人工验号，真实账号资产保证
+
+
+
+
+
+
+ 智能安全上号
+ 全程加密登录，号主租客双向守护
+
+
+
+
+
+ 平台资金担保
+ 专款安全托管，到期自动极速结算
+
+
+
+
+
+
-
-
-
+
+
+
-
-
-
- (null)
+const isInviteLocked = ref(false)
+const showPassword = ref(false)
+const showConfirmPassword = ref(false)
+
const form = reactive({
phone: '',
captchaCode: '',
@@ -28,7 +33,14 @@ const form = reactive({
const { countDown, sending, handleSendCode } = useSmsCountdown()
-onMounted(loadCaptcha)
+onMounted(async () => {
+ await loadCaptcha()
+ const qInviteCode = (route.query.invite_code || route.query.code) as string | undefined
+ if (qInviteCode && qInviteCode.trim()) {
+ form.inviteCode = qInviteCode.trim()
+ isInviteLocked.value = true
+ }
+})
async function loadCaptcha() {
captchaLoading.value = true
@@ -54,11 +66,20 @@ async function sendCode() {
}
async function handleRegister() {
- if (!agreed.value) {
- showToast({
- message: '请先阅读并同意用户协议和隐私政策',
- icon: 'warning-o',
- })
+ if (!form.phone.trim()) {
+ showToast({ message: '请输入手机号', icon: 'warning-o' })
+ return
+ }
+ if (!/^1[3-9]\d{9}$/.test(form.phone.trim())) {
+ showToast({ message: '请输入正确的11位手机号码', icon: 'warning-o' })
+ return
+ }
+ if (!form.captchaCode.trim()) {
+ showToast({ message: '请输入图形验证码', icon: 'warning-o' })
+ return
+ }
+ if (!form.code.trim()) {
+ showToast({ message: '请输入短信验证码', icon: 'warning-o' })
return
}
if (!form.password) {
@@ -73,14 +94,27 @@ async function handleRegister() {
showToast({ message: '两次输入的密码不一致', icon: 'warning-o' })
return
}
+ if (!agreed.value) {
+ showToast({
+ message: '请先阅读并同意用户协议和隐私政策',
+ icon: 'warning-o',
+ })
+ return
+ }
loading.value = true
try {
- await session.register(form.phone, form.code, form.password)
+ await session.register(
+ form.phone.trim(),
+ form.code.trim(),
+ form.password,
+ form.inviteCode.trim() || undefined
+ )
+ showToast({ message: '注册成功', icon: 'success' })
const redirect = typeof route.query.redirect === 'string' ? route.query.redirect : '/m/profile'
await router.replace(redirect)
- } catch {
- showToast({ message: '注册失败，请检查手机号和验证码', icon: 'cross' })
+ } catch (error) {
+ showToast({ message: readError(error, '注册失败，请核对信息'), icon: 'cross' })
} finally {
loading.value = false
}
@@ -90,12 +124,13 @@ async function handleRegister() {
-
+
![]()
@@ -209,9 +283,10 @@ async function handleRegister() {
diff --git a/frontend/src/router/accountRoutes.ts b/frontend/src/router/accountRoutes.ts
index 80e7c83..7b8e8f9 100644
--- a/frontend/src/router/accountRoutes.ts
+++ b/frontend/src/router/accountRoutes.ts
@@ -5,6 +5,7 @@ export const accountRoutes: RouteRecordRaw[] = [
path: '/login',
name: 'login',
component: () => import('@/features/auth/views/LoginView.vue'),
+ meta: { layout: 'blank' },
},
{
path: '/orders/create',
diff --git a/frontend/src/router/mobileRoutes.ts b/frontend/src/router/mobileRoutes.ts
index 74962e6..126e594 100644
--- a/frontend/src/router/mobileRoutes.ts
+++ b/frontend/src/router/mobileRoutes.ts
@@ -43,6 +43,16 @@ export const mobileRoutes: RouteRecordRaw[] = [
component: () => import('@/features/auth/views/MobileRegisterView.vue'),
meta: { layout: 'blank' },
},
+ {
+ path: '/m/i/:code',
+ name: 'mobile-invite-register',
+ redirect: to => ({
+ path: '/m/register',
+ query: {
+ invite_code: String(to.params.code || ''),
+ },
+ }),
+ },
{
path: '/m/messages',
name: 'mobile-messages',
diff --git a/frontend/src/router/publicRoutes.ts b/frontend/src/router/publicRoutes.ts
index 42757b9..5b7f08d 100644
--- a/frontend/src/router/publicRoutes.ts
+++ b/frontend/src/router/publicRoutes.ts
@@ -39,12 +39,17 @@ export const publicRoutes: RouteRecordRaw[] = [
name: 'crash-detail',
component: () => import('@/features/mohong/views/MohongDetailView.vue'),
},
- // 专属邀请注册落地页
+ // 专属邀请短链重定向
{
path: '/i/:code',
name: 'invite-register',
- component: () => import('@/features/invitation/views/InviteRegisterView.vue'),
- meta: { layout: 'blank' },
+ redirect: to => ({
+ path: '/login',
+ query: {
+ tab: 'register',
+ invite_code: String(to.params.code || ''),
+ },
+ }),
},
// 旧路径兼容
{ path: '/mohong', redirect: '/crash' },
+
-
- {{ topTab === 'register' ? '注册账号' : '登录账号' }}
+
+
+ 已有账号？
+
+
+
+ 没有账号？
+
+
+
+
-
- |
-
-
+
+
+
+ |
+
+
-
-
-
+
diff --git a/frontend/src/features/auth/views/MobileLoginView.vue b/frontend/src/features/auth/views/MobileLoginView.vue
index 1bdebcd..4eff0e0 100644
--- a/frontend/src/features/auth/views/MobileLoginView.vue
+++ b/frontend/src/features/auth/views/MobileLoginView.vue
@@ -27,7 +27,16 @@ const form = reactive({
const { countDown, sending, handleSendCode } = useSmsCountdown()
-onMounted(loadCaptcha)
+onMounted(() => {
+ if (route.query.tab === 'register' || route.query.invite_code || route.query.code) {
+ void router.replace({
+ path: '/m/register',
+ query: route.query,
+ })
+ return
+ }
+ void loadCaptcha()
+})
function switchToPassword() {
loginMode.value = 'password'
diff --git a/frontend/src/features/auth/views/MobileRegisterView.vue b/frontend/src/features/auth/views/MobileRegisterView.vue
index 24a288d..ebd7d4f 100644
--- a/frontend/src/features/auth/views/MobileRegisterView.vue
+++ b/frontend/src/features/auth/views/MobileRegisterView.vue
@@ -13,10 +13,15 @@ const router = useRouter()
const route = useRoute()
const session = useSessionStore()
const siteStore = useDistributionSiteStore()
+
const loading = ref(false)
const agreed = ref(false)
const captchaLoading = ref(false)
const captcha = ref{{ siteStore.brandMark }}
@@ -103,30 +138,39 @@ async function handleRegister() {
-
注册
+
+ 已有账号？去登录
+
+
+
+
-