# Ruoyi-APP-VUE3

**Repository Path**: zy1217/ruoyi-app-vue3

## Basic Information

- **Project Name**: Ruoyi-APP-VUE3
- **Description**: 基于若依开源App框架完善的APP，实现了动态菜单、菜单搜索、全局弹窗、多语言、扫码自定义指令、自动更新弹窗、基于tailwind的原子化样式等
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 7
- **Forks**: 1
- **Created**: 2024-09-07
- **Last Updated**: 2026-01-16

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README


<h1 align="center" style="margin: 30px 0 30px; font-weight: bold;">QMS移动端APP v1.1.0</h1>
<h4 align="center">基于RuoyiApp开发的轻量级移动端框架</h4>


## 平台简介

QMS App 移动解决方案，采用uniapp框架，一份代码多终端适配，同时支持APP、小程序、H5！
目前已经实现登录、我的、工作台、编辑资料、头像修改、密码修改、常见问题、关于我们、
动态菜单、全局弹窗、自动更新、扫码指令（v-scan）、多语言,基于talwindcss实现原子化样式(手动禁用了Android不支持的corePlugin，
详情看tailwind.config.js
)

## 使用方式

1. 首先下载或者 `clone` 此项目之后
2. 执行 `npm i`/ `yarn` 安装依赖
3. 使用 `hbuilderx` 导入此项目来运行。
4. 运行npm run scan 会扫描要所有界面并生成对应语言的json

## 技术文档
1. 项目中有一个页面用到v-scan等，可通过代码看出用法
2. 多语言占位符举例：$lang('错误原因：{0}',['数据库错误'])，其他用法$lang('错误原因'),

## 演示图


| ![输入图片说明](screenShot/image1.png)   |![输入图片说明](screenShot/image.png)   | ![输入图片说明](screenShot/image3.png)  |
|---|---|---|
| ![输入图片说明](screenShot/image4.png)  | ![输入图片说明](screenShot/image5.png)  |  ![输入图片说明](screenShot/image6.png) |
| ![输入图片说明](screenShot/image7.png)  | ![输入图片说明](screenShot/image8.png)  |  ![输入图片说明](screenShot/image9.png) |
|  ![输入图片说明](screenShot/image2.png) |


## 特别感谢

1. 若依APP：https://gitee.com/y_project/RuoYi-App
2. 更新弹窗：https://blog.csdn.net/m0_48507640/article/details/120471420
3. 全局弹窗：https://blog.csdn.net/weixin_39182097/article/details/129890011