xuchao/pingxiangcard
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: 项目架构清理 — 删除调试页面/冗余store/H5降级代码/无用文件

Browse Source
This commit is contained in:
jacobxu666
2026-06-14 23:10:37 +08:00
parent 4019d312a6
commit 332808648d
27 changed files with 182 additions and 966 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/login/login.vue
+1 -107
View File
@@ -7,36 +7,12 @@
</view>
<view class="login-area">
<!-- #ifdef MP-WEIXIN -->
<button class="btn-wx-login"
open-type="getPhoneNumber"
@getphonenumber="handleGetPhoneNumber"
:disabled="loading">
{{ loading ? '登录中...' : '微信一键登录' }}
</button>
<!-- #endif -->
<!-- #ifdef H5 -->
<view class="h5-tip">
<text>请在微信小程序中使用本应用</text>
</view>
<view class="form" v-if="showFallback">
<view class="form-item">
<text class="label">账号</text>
<input class="input" v-model="form.username" placeholder="请输入账号" />
</view>
<view class="form-item">
<text class="label">密码</text>
<input class="input" v-model="form.password" placeholder="请输入密码" password />
</view>
<button class="btn-fallback" @click="handleFallbackLogin" :disabled="loading">
{{ loading ? '登录中...' : '账号密码登录' }}
</button>
</view>
<button class="btn-toggle" v-if="!showFallback" @click="showFallback = true">
使用账号密码登录
</button>
<!-- #endif -->
</view>
<view class="agreement">
@@ -49,18 +25,12 @@
</template>
<script setup lang="ts">
import { ref, reactive } from 'vue'
import { ref } from 'vue'
import { useUserStore } from '../../store/user'
import { showToast } from '../../utils'
const userStore = useUserStore()
const loading = ref(false)
const showFallback = ref(false)
const form = reactive({
username: '',
password: ''
})
/** 微信手机号授权回调 → 登录 */
async function handleGetPhoneNumber(e: any) {
@@ -104,26 +74,6 @@ async function handleGetPhoneNumber(e: any) {
loading.value = false
}
}
/** 账号密码登录（降级方案 / H5 用） */
async function handleFallbackLogin() {
if (!form.username || !form.password) {
showToast('请输入账号和密码')
return
}
loading.value = true
try {
await userStore.login({ username: form.username, password: form.password })
showToast('登录成功', 'success')
setTimeout(() => {
uni.switchTab({ url: '/pages/index/index' })
}, 1000)
} catch (err: any) {
console.error('登录失败:', err)
} finally {
loading.value = false
}
}
</script>
<style scoped>
@@ -181,62 +131,6 @@ async function handleFallbackLogin() {
background: #9ED6B5;
}
.form {
margin-top: 40rpx;
}
.form-item {
margin-bottom: 30rpx;
}
.label {
display: block;
font-size: 28rpx;
color: #333;
margin-bottom: 12rpx;
}
.input {
width: 100%;
height: 80rpx;
padding: 0 24rpx;
background: #f5f5f5;
border-radius: 12rpx;
font-size: 28rpx;
box-sizing: border-box;
}
.btn-fallback {
width: 100%;
height: 88rpx;
line-height: 88rpx;
background: #4A90D9;
color: #fff;
border-radius: 44rpx;
font-size: 30rpx;
margin-top: 20rpx;
border: none;
}
.btn-toggle {
width: 100%;
height: 88rpx;
line-height: 88rpx;
background: transparent;
color: #4A90D9;
border: 2rpx solid #4A90D9;
border-radius: 44rpx;
font-size: 30rpx;
margin-top: 30rpx;
}
.h5-tip {
text-align: center;
padding: 40rpx;
color: #999;
font-size: 28rpx;
}
.agreement {
display: flex;
justify-content: center;
src/pages/profile/index.vue
+85
View File
@@ -0,0 +1,85 @@
<template>
<view class="page">
<view class="user-card">
<view class="avatar-wrap">
<image class="avatar" :src="userStore.userInfo?.avatarUrl || defaultAvatar" mode="aspectFill" />
</view>
<view class="user-info">
<text class="nickname">{{ userStore.userInfo?.nickname || '未登录' }}</text>
<text class="user-desc" v-if="userStore.isLogin">欢迎使用湖南12301文旅专区</text>
<text class="user-desc" v-else @click="goLogin">点击登录</text>
</view>
</view>
<view class="menu-card">
<view class="menu-item" @click="goTo('/packages/user/pages/card/bind')">
<text class="menu-icon">🎫</text>
<text class="menu-text">我的年卡</text>
<text class="menu-arrow">›</text>
</view>
<view class="menu-item" @click="showComingSoon">
<text class="menu-icon">📦</text>
<text class="menu-text">订单管理</text>
<text class="menu-arrow">›</text>
</view>
<view class="menu-item" @click="showComingSoon">
<text class="menu-icon">📋</text>
<text class="menu-text">使用记录</text>
<text class="menu-arrow">›</text>
</view>
</view>
<view class="btn-area" v-if="userStore.isLogin">
<button class="btn-logout" @click="handleLogout">退出登录</button>
</view>
</view>
</template>
<script setup lang="ts">
import { useUserStore } from '../../store/user'
const userStore = useUserStore()
const defaultAvatar = 'https://mmbiz.qpic.cn/mmbiz/icTdbqWNOwNRna42FI242Lcia07jQodd2FJGIYQfG0LAJGFxM4FbnQP6yfMxBgJ0F3YRqJCJ1aPAK2dQagdusBZg/0'
/** 跳转登录页 */
function goLogin() { uni.navigateTo({ url: '/pages/login/login' }) }
/** 需要登录的页面跳转 */
function goTo(url: string) {
if (!userStore.isLogin) { uni.navigateTo({ url: '/pages/login/login' }); return }
uni.navigateTo({ url })
}
/** 退出登录 */
function handleLogout() {
uni.showModal({
title: '提示', content: '确定要退出登录吗？',
success: (res) => {
if (res.confirm) {
userStore.logout()
uni.showToast({ title: '已退出', icon: 'success' })
setTimeout(() => { uni.navigateTo({ url: '/pages/login/login' }) }, 1000)
}
}
})
}
/** 即将上线提示 */
function showComingSoon() { uni.showToast({ title: '即将上线，敬请期待', icon: 'none' }) }
</script>
<style scoped>
.page { min-height: 100vh; background: #f5f5f5; }
.user-card { background: linear-gradient(135deg, #4A90D9, #357ABD); padding: 50rpx 30rpx 40rpx; display: flex; align-items: center; }
.avatar-wrap { margin-right: 24rpx; }
.avatar { width: 120rpx; height: 120rpx; border-radius: 50%; border: 4rpx solid rgba(255,255,255,0.5); background: #eee; }
.user-info { display: flex; flex-direction: column; }
.nickname { font-size: 34rpx; font-weight: bold; color: #fff; margin-bottom: 8rpx; }
.user-desc { font-size: 24rpx; color: rgba(255,255,255,0.8); }
.menu-card { background: #fff; border-radius: 16rpx; margin: 20rpx; overflow: hidden; }
.menu-item { display: flex; align-items: center; padding: 30rpx; border-bottom: 1rpx solid #f0f0f0; }
.menu-item:last-child { border-bottom: none; }
.menu-icon { font-size: 36rpx; margin-right: 20rpx; }
.menu-text { flex: 1; font-size: 28rpx; color: #333; }
.menu-arrow { font-size: 36rpx; color: #ccc; }
.btn-area { padding: 40rpx 20rpx; }
.btn-logout { width: 100%; height: 88rpx; line-height: 88rpx; background: #fff; color: #E74C3C; border-radius: 44rpx; font-size: 30rpx; border: 1rpx solid #f0f0f0; }
</style>
src/pages/profile/profile.vue
-239
View File
@@ -1,239 +0,0 @@
<template>
<view class="container">
<view class="user-card">
<image
class="avatar"
:src="userStore.userInfo?.avatarUrl || defaultAvatar"
mode="aspectFill"
/>
<view class="user-info">
<text class="nickname">{{ userStore.userInfo?.nickname || '未登录' }}</text>
<text class="user-id">ID: {{ userStore.userInfo?.id || '---' }}</text>
</view>
<button v-if="!userStore.isLogin" class="login-btn" size="mini" @click="goLogin">
登录
</button>
<button v-else class="login-btn" size="mini" @click="handleLogout">
退出
</button>
</view>
<view class="section">
<view class="section-title">功能菜单</view>
<view class="menu-list">
<view class="menu-item" @click="goToLogs">
<view class="menu-icon">📝</view>
<text class="menu-text">查看日志</text>
<view class="menu-arrow">›</view>
</view>
<view class="menu-item" @click="showAbout">
<view class="menu-icon">ℹ️</view>
<text class="menu-text">关于应用</text>
<view class="menu-arrow">›</view>
</view>
<view class="menu-item" @click="clearCache">
<view class="menu-icon">🗑️</view>
<text class="menu-text">清除缓存</text>
<view class="menu-arrow">›</view>
</view>
</view>
</view>
<view class="section">
<view class="section-title">技术栈</view>
<view class="tech-list">
<view class="tech-item">
<text class="tech-label">框架</text>
<text class="tech-value">uni-app</text>
</view>
<view class="tech-item">
<text class="tech-label">Vue</text>
<text class="tech-value">3.x</text>
</view>
<view class="tech-item">
<text class="tech-label">构建</text>
<text class="tech-value">Vite</text>
</view>
<view class="tech-item">
<text class="tech-label">语言</text>
<text class="tech-value">TypeScript</text>
</view>
</view>
</view>
</view>
</template>
<script setup lang="ts">
import { useUserStore } from '../../store/user'
import { showToast } from '../../utils'
const userStore = useUserStore()
const defaultAvatar = 'https://mmbiz.qpic.cn/mmbiz/icTdbqWNOwNRna42FI242Lcia07jQodd2FJGIYQfG0LAJGFxM4FbnQP6yfMxBgJ0F3YRqJCJ1aPAK2dQagdusBZg/0'
function goLogin() {
uni.navigateTo({ url: '/pages/login/login' })
}
function handleLogout() {
uni.showModal({
title: '提示',
content: '确定要退出登录吗？',
success: (res) => {
if (res.confirm) {
userStore.logout()
showToast('已退出登录', 'success')
}
}
})
}
function goToLogs() {
uni.navigateTo({ url: '/pages/logs/logs' })
}
function showAbout() {
uni.showModal({
title: '关于',
content: 'zhy-test uni-app 项目\n\n支持多端发布：\n- 微信小程序\n- H5\n- Android/iOS App',
showCancel: false
})
}
function clearCache() {
uni.showModal({
title: '提示',
content: '确定要清除缓存吗？',
success: (res) => {
if (res.confirm) {
uni.clearStorageSync()
showToast('缓存已清除', 'success')
}
}
})
}
</script>
<style scoped>
.container {
min-height: 100vh;
padding: 30rpx;
box-sizing: border-box;
background: #f5f5f5;
}
.user-card {
background: #fff;
border-radius: 20rpx;
padding: 40rpx;
display: flex;
align-items: center;
margin-bottom: 30rpx;
}
.avatar {
width: 120rpx;
height: 120rpx;
border-radius: 50%;
background: #eee;
}
.user-info {
flex: 1;
margin-left: 30rpx;
display: flex;
flex-direction: column;
}
.nickname {
font-size: 32rpx;
color: #333;
font-weight: bold;
margin-bottom: 10rpx;
}
.user-id {
font-size: 24rpx;
color: #999;
}
.login-btn {
font-size: 26rpx;
}
.section {
background: #fff;
border-radius: 20rpx;
padding: 30rpx;
margin-bottom: 30rpx;
}
.section-title {
font-size: 28rpx;
color: #666;
margin-bottom: 20rpx;
font-weight: bold;
}
.menu-list {
border-radius: 12rpx;
overflow: hidden;
}
.menu-item {
display: flex;
align-items: center;
padding: 24rpx 0;
border-bottom: 1rpx solid #f0f0f0;
}
.menu-item:last-child {
border-bottom: none;
}
.menu-icon {
font-size: 36rpx;
margin-right: 20rpx;
}
.menu-text {
flex: 1;
font-size: 28rpx;
color: #333;
}
.menu-arrow {
font-size: 36rpx;
color: #ccc;
}
.tech-list {
display: flex;
flex-wrap: wrap;
gap: 20rpx;
}
.tech-item {
width: calc(50% - 10rpx);
background: #f8f8f8;
padding: 20rpx;
border-radius: 12rpx;
display: flex;
flex-direction: column;
box-sizing: border-box;
}
.tech-label {
font-size: 24rpx;
color: #999;
margin-bottom: 8rpx;
}
.tech-value {
font-size: 28rpx;
color: #333;
font-weight: bold;
}
</style>