Skip to content

TDesignOteam/tdesign-mobile-vue-starter-apply

Repository files navigation

tdesign logo

TDesign 移动端活动报名模板

基于 TDesign Mobile Vue、Vue 3、Vite、TypeScript 的活动报名页面模板,内置首页/我的/详情/报名/结果等常见页面,开箱即用。

🚀 快速开始

  1. 克隆与安装
git clone https://github.com/TDesignOteam/tdesign-mobile-vue-starter-apply
cd tdesign-mobile-vue-starter-apply
npm install
  1. 启动开发
npm run dev

访问 http://localhost:5173

🔨 构建与预览

npm run build    # 生产构建
npm run preview  # 预览 dist

📜 常用脚本

  • npm 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

About

活动报名模版

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 6