From 7eb1ae7f52c88381ec881a7688dcc65a39bbcc85 Mon Sep 17 00:00:00 2001 From: H1d3rOne Date: Mon, 9 Mar 2026 17:11:54 +0800 Subject: [PATCH] =?UTF-8?q?=E7=AE=80=E5=8C=96=E6=8E=88=E6=9D=83=E7=99=BB?= =?UTF-8?q?=E5=BD=95=E9=A1=B5=E9=9D=A2=EF=BC=8C=E4=B8=80=E9=94=AE=E6=8E=88?= =?UTF-8?q?=E6=9D=83=E8=8E=B7=E5=8F=96=E5=BE=AE=E4=BF=A1=E6=98=B5=E7=A7=B0?= =?UTF-8?q?=E5=92=8C=E5=A4=B4=E5=83=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 优化内容: 1. 简化页面布局 - 移除复杂的步骤引导 - 采用居中卡片式设计 - 紫色渐变背景,更加美观 2. 精简交互流程 - 头像选择:点击头像按钮直接选择 - 昵称输入:点击输入框自动获取微信昵称 - 一键授权:填写完成后点击按钮即可 3. 优化视觉效果 - Logo图标:🔮水晶球 - 应用名称:玄机排盘 - 白色卡片配紫色渐变背景 - 圆形头像带紫色边框 4. 简化代码 - 移除冗余的提示文字 - 精简样式代码 - 优化错误处理逻辑 页面特点: - 简洁美观的界面设计 - 一键授权的便捷流程 - 良好的用户体验 --- xuan-deduct-uniapp/src/pages/auth/auth.vue | 265 ++++++--------------- 1 file changed, 75 insertions(+), 190 deletions(-) diff --git a/xuan-deduct-uniapp/src/pages/auth/auth.vue b/xuan-deduct-uniapp/src/pages/auth/auth.vue index 7c7748e..34983d5 100644 --- a/xuan-deduct-uniapp/src/pages/auth/auth.vue +++ b/xuan-deduct-uniapp/src/pages/auth/auth.vue @@ -1,52 +1,34 @@ @@ -70,31 +52,22 @@ export default { }, methods: { onChooseAvatar(e) { - console.log('选择头像:', e) const { avatarUrl } = e.detail if (avatarUrl) { this.avatarUrl = avatarUrl - console.log('头像URL:', avatarUrl) - uni.showToast({ - title: '头像已选择', - icon: 'success', - duration: 1500 - }) } }, onNicknameInput(e) { - console.log('输入昵称:', e) const value = e.detail.value if (value) { this.nickname = value - console.log('昵称:', value) } }, async doAuth() { if (!this.avatarUrl) { - uni.showToast({ title: '请先选择头像', icon: 'none' }) + uni.showToast({ title: '请选择头像', icon: 'none' }) return } @@ -107,18 +80,13 @@ export default { try { const loginRes = await new Promise((resolve, reject) => { - uni.login({ - success: resolve, - fail: reject - }) + uni.login({ success: resolve, fail: reject }) }) if (!loginRes.code) { throw new Error('获取授权失败') } - console.log('获取code成功:', loginRes.code) - const res = await api.userApi.loginOrRegister({ code: loginRes.code, nickname: this.nickname, @@ -126,8 +94,6 @@ export default { }) if (res.success) { - console.log('登录成功:', res.data) - uni.setStorageSync('userId', res.data.userId) uni.setStorageSync('userInfo', JSON.stringify(res.data)) uni.setStorageSync('userCoins', res.data.coins || 10) @@ -135,25 +101,16 @@ export default { uni.setStorageSync('username', res.data.username || res.data.nickname) uni.setStorageSync('userAvatar', res.data.avatarUrl) - uni.showToast({ - title: '授权成功', - icon: 'success', - duration: 2000 - }) + uni.showToast({ title: '授权成功', icon: 'success' }) setTimeout(() => { uni.switchTab({ url: '/pages/index/index' }) - }, 2000) + }, 1500) } else { throw new Error(res.error || '登录失败') } } catch (err) { - console.error('登录失败:', err) - uni.showToast({ - title: err.message || '授权失败,请重试', - icon: 'none', - duration: 3000 - }) + uni.showToast({ title: err.message || '授权失败', icon: 'none' }) } finally { this.loading = false } @@ -162,14 +119,11 @@ export default { skipAuth() { uni.showModal({ title: '提示', - content: '暂不授权将无法使用完整功能,您可以稍后在"我的"页面进行授权', + content: '暂不授权将无法使用完整功能', confirmText: '去授权', cancelText: '稍后再说', success: (res) => { - if (res.confirm) { - console.log('用户选择去授权') - } else { - console.log('用户选择稍后再说') + if (res.cancel) { uni.switchTab({ url: '/pages/index/index' }) } } @@ -181,86 +135,61 @@ export default {