基于 TDesign Mobile Vue、Vue 3、Vite、TypeScript 的活动报名页面模板,内置首页/我的/详情/报名/结果等常见页面,开箱即用。
- 克隆与安装
git clone https://github.com/TDesignOteam/tdesign-mobile-vue-starter-apply
cd tdesign-mobile-vue-starter-apply
npm install- 启动开发
npm run devnpm run build # 生产构建
npm run preview # 预览 distnpm run type-check: 类型检查npm run lint/npm run lint:fix: 代码检查 / 自动修复npm run docs:dev/npm run docs:build/npm run docs:preview: 文档开发/构建/预览
- 首页:轮播推荐、列表筛选(领域/形式/日期/价格)
- 我的:个人信息与报名活动
- 活动详情:时间/地点/票价/嘉宾/评价
- 报名与结果:订单确认、报名人信息填写、购买结果页
Vue 3、Vite、TypeScript、Less、tdesign-mobile-vue、vue-router、axios、dayjs、MSW、VitePress、ESLint/Husky/lint-staged。
src/
├── api # 接口请求封装
├── assets # 静态资源
├── components # 通用组件
├── config # 配置
├── constant # 常量
├── hooks # 自定义 Hooks
├── pages # 业务页面
├── router # 路由
├── store # 状态管理
├── styles # 全局样式
├── utils # 工具函数
├── App.vue
└── main.ts- 地址:
https://codesign.qq.com/app/s/578083411595522 - 密码:
YFS5
