4d03215fe4
Phase 1 (基础设施与用户认证) 全部 11 个 Task 开发完成： 后端 (Go)： - Auth 模块: 注册/登录/JWT(有状态)/Profile/密码修改 - Admin 模块: 用户列表/详情/禁用/启用/角色分配/创建用户 - 中间件: JWT认证 + RBAC角色权限 + 请求日志 + CORS + Panic恢复 - Dockerfile 多阶段构建 + Docker Compose 全栈部署 前台 (uni-app)： - 登录/注册页面 + 自定义 TabBar + 个人中心 - 请求封装 + 状态管理 (Pinia) 管理端 (Vue 3 + Element Plus)： - 登录/仪表盘/用户列表/用户详情 - Axios 封装 + 路由守卫 + Pinia 状态管理 验证： - 全流程 API 端到端测试通过 - Playwright 页面自动化验证通过 - code-reviewer 代码审查通过 Made-with: Cursor
63 lines
1.2 KiB
Vue
63 lines
1.2 KiB
Vue
<!--
|
||
消息列表页面（占位）
|
||
|
||
设计系统：design-system/echochat/MASTER.md
|
||
TabBar 页面，Phase 2（IM 模块）中实现具体功能
|
||
|
||
当前功能：
|
||
- 显示模块名称和开发中提示
|
||
- 集成自定义 TabBar 组件
|
||
-->
|
||
<template>
|
||
<view class="page-wrapper">
|
||
<view class="placeholder-content">
|
||
<text class="placeholder-icon">💬</text>
|
||
<text class="placeholder-title">消息</text>
|
||
<text class="placeholder-desc">即时通讯功能开发中…</text>
|
||
</view>
|
||
<CustomTabBar :current="0" />
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
import CustomTabBar from '@/components/CustomTabBar.vue'
|
||
|
||
export default {
|
||
name: 'ChatIndex',
|
||
components: { CustomTabBar }
|
||
}
|
||
</script>
|
||
|
||
<style scoped>
|
||
.page-wrapper {
|
||
min-height: 100vh;
|
||
background-color: #F8FAFC;
|
||
padding-bottom: 120rpx;
|
||
}
|
||
|
||
.placeholder-content {
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: center;
|
||
justify-content: center;
|
||
padding-top: 300rpx;
|
||
}
|
||
|
||
.placeholder-icon {
|
||
font-size: 80rpx;
|
||
margin-bottom: 24rpx;
|
||
}
|
||
|
||
.placeholder-title {
|
||
font-size: 36rpx;
|
||
font-weight: 600;
|
||
color: #1E293B;
|
||
margin-bottom: 12rpx;
|
||
}
|
||
|
||
.placeholder-desc {
|
||
font-size: 28rpx;
|
||
color: #94A3B8;
|
||
}
|
||
</style>
|