某天因公司业务需求，想寻找一款H5移动端的模板进行二次开发。但搜遍整个HUB都没法找到合适的空模板进行二次开发，所以心血来潮，于是有了 vue-mobile-template 。
基于 vue3.x + CompositionAPI + javascript + vite + vant + vue-router-next + pinia 的开源免费移动端模板，希望减少工作量，帮助大家实现快速开发移动端。
vue-mobile-template默认已加入 Rem布局适配，可在根目录 postcss.config.js 进行修改。
- 组件
- GridCard - 网格卡片
- MsgList - 消息列表
- SvgIcon - 矢量图形
- 页面
- 登录页面
- 聊天消息列表页面
- 个人中心页面 * 2
- 功能
- 登录、登出
- 页面权限
- 指令权限
- Rem布局适配
- vue-mobile-template (github): https://github.com/Coder-XiaoYi/vue-mobile-template
- vue-mobile-template (gitee): https://gitee.com/liupeiqiang/vue-mobile-template
- 复制代码(桌面 cmd 运行)
npm install -g yarn
| Edge | last 2 versions | last 2 versions | last 2 versions |
|---|---|---|---|
 |
 |
 |
 |
由于 Vue3 不再支持 IE11，故而 vant 也不支持 IE11 及之前版本。
# 克隆项目
git clone https://github.com/Coder-XiaoYi/vue-mobile-template.git
# 进入项目
cd vue-mobile-template
# 安装依赖
yarn
# 运行项目
yarn run dev
# 打包发布
yarn run build- 查看开发文档、vue-mobile-template 开发文档正在编写中...
如果觉得框架不错，或者已经在使用了，希望你可以去 Github 或者 Gitee 帮我点个 ⭐ Star，这将是对我极大的鼓励与支持。
 |
 |
 |
 |
 |
 |