logo
0
0
WeChat Login
Forkfromtencent/tdesign/tdesign-mobile-vue-starter-community, aheadmain2 commits, behindmain3 commits

TDesign 移动端页面模板

介绍

tdesign-mobile-vue-starter-community 是一个基于 TDesign Mobie Vue 移动端组件库,使用 Vue3、Vite、TypeScript 开发。

特性

五大功能模块

  • 首页:该模块是用户进入应用的第一印象,需要展示核心功能和信息,引导用户进行下一步操作;
  • 消息中心:该模块负责集中展示各类消息通知,方便用户及时了解动态;
  • 个人中心:该模块是用户管理个人信息、查看历史发布记录、设置偏好等的集中区域;
  • 设置中心:该模块允许用户对应用的各项功能进行个性化配置,如通知设置、主题切换等;
  • 登陆注册:该模块是用户进入应用的入口,需要提供便捷、安全的登录注册方式,如验证码登陆、账号密码登录、第三方账号授权等。

个性化主题配置

  • 支持自定义主题,满足不同品牌或应用的需求。

本地开发

推荐使用 node.js 的 LTS 版本(22.x)进行开发,pnpm 作为包管理器

安装依赖

pnpm install

启动项目

pnpm run dev

贡献指南

约定式提交

提交规范与 Conventional Commits 一致,结构如下所示:

<type>[optional scope]: <description>
[optional body]
[optional footer(s)]

type 类型如下:

1.  feat:新功能
2.  fix:修补 bug
3.  docs:文档
4.  style: 格式
5.  refactor:重构
6.  test:增加测试
7.  chore:构建过程或辅助工具的变动

项目结构

tdesign-mobile-vue-starter-community/
├── .github/					# GitHub相关配置
│   ├── workflows				# 自动化工作流配置
├── .husky/						# Git Hooks配置
├── .vscode/					# VSCode编辑器配置
├── node_modules				# 项目依赖包
├── public/						# 公共静态资源
├── src/						# 项目源码
│   ├── assets/					# 静态资源
│   ├── components/             # 可复用组件
│   ├── layouts/                # 布局组件
│   ├── pages/					# 业务页面
│   ├── router/					# 路由配置
│   ├── stores/					# 状态管理
│   ├── App.vue					# 根组件
│   ├── *.d.ts					# 类型声明文件
│   └── main.ts					# 应用入口文件
├── .cnb.yml					# cnb.cool CI/CD配置文件
├── .gitignore					# git忽略匹配规则
├── eslint.config.mjs       	# ESLint 配置文件
├── index.html					# 应用HTML入口
├── package.json				# 项目依赖和脚本
├── pnpm-lock.yaml				# pnpm锁定文件
├── README.md					# 项目说明文档
├── tsconfig.json				# TypeScript配置
└── vite.config.ts				# Vite配置

视觉稿

本项目基于以下视觉稿进行开发:

About

TDesign Mobile Vue 页面模板 - 社区内容类

Language
TypeScript43.3%
Markdown35.8%
gitignore9.5%
HTML5.1%
Others6.3%