vue-mobile-template

📅 开源项目的由来

某天因公司业务需求，想寻找一款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布局适配

⛱️ 线上预览

• github 演示
• gitee 演示
• Admin账号密码：admin/admin123
• user账号密码：user1/user1

💒 代码仓库

• vue-mobile-template (github): https://github.com/Coder-XiaoYi/vue-mobile-template
• vue-mobile-template (gitee): https://gitee.com/liupeiqiang/vue-mobile-template

🚧 安装 yarn

• 复制代码(桌面 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