feat: 添加分页组件和地址选择组件,优化样式和类型定义

refactor: 重构路由配置,移除订单页面路由

style: 统一使用CSS变量替换硬编码颜色值

docs: 添加前端数据需求分析文档

fix: 修复登录页面记住我功能,更新用户信息页面链接

perf: 优化搜索组件动画效果和响应式设计

chore: 更新TypeScript类型定义,添加订单和地址相关类型
This commit is contained in:
qingfeng1121
2026-01-19 11:35:50 +08:00
parent c287650fbb
commit 73cf25e586
20 changed files with 4618 additions and 422 deletions

View File

@@ -24,12 +24,20 @@
<div v-if="errorMessage" class="error-message">
{{ errorMessage }}
</div>
<!-- 记住我 如果用户登录成功记住用户信息5天内无需重新登录 -->
<div class="form-group remember-me">
<label class="checkbox-label">
<input type="checkbox" v-model="loginform.rememberMe" class="checkbox-input">
<span class="checkbox-text">记住我</span>
</label>
</div>
<!-- 登录按钮 -->
<button type="submit" class="login-button" :disabled="isLoading">
<span v-if="isLoading" class="loading-spinner"></span>
{{ isLoading ? '登录中...' : '登录' }}
</button>
<!-- 注册链接 -->
<div class="login-footer">
<p class="register-link">
还没有账号 <a href="#" @click.prevent="router.push({ name: 'register' })">立即注册</a>
@@ -51,7 +59,8 @@ const router = useRouter()
const loginform = ref<Login>({
username: '',
password: ''
password: '',
rememberMe: false
})
const errorMessage = ref('')
@@ -140,6 +149,37 @@ const login = async () => {
box-shadow: 0 15px 50px rgba(0, 0, 0, 0.15);
}
/* 记住我复选框样式 */
.remember-me {
display: flex;
align-items: center;
margin: 15px 0;
}
.checkbox-label {
display: flex;
align-items: center;
cursor: pointer;
user-select: none;
}
.checkbox-input {
margin-right: 8px;
width: 16px;
height: 16px;
cursor: pointer;
}
.checkbox-text {
font-size: 14px;
color: rgba(255, 255, 255, 0.8);
cursor: pointer;
}
.checkbox-text:hover {
color: #fff;
}
/* 登录头部 */
.login-header {
text-align: center;