# uniapp+uview的基础项目脚手架，内置个人ui组件

**Repository Path**: lrllrl/uniapp-uview-template

## Basic Information

- **Project Name**: uniapp+uview的基础项目脚手架，内置个人ui组件
- **Description**: uniapp脚手架，内置个人ui组件
- **Primary Language**: Unknown
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 3
- **Created**: 2024-02-22
- **Last Updated**: 2026-01-07

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

#### 写在前面
>本模版是个人uniapp项目基础模板，集成了uview-ui，免去配置的麻烦，并封装了众多全局方法及个人ui组件。
>本模板追求封装使用极致极简，为业务开发而生
><a href="https://gitee.com/lrllrl/uniapp-uview-template" target="_blank" style="font-size:16px;color: red;">gitee</a>

#### vue3
>现已开发了功能更全面的vue3版本脚手架，推荐使用
><a href="https://gitee.com/lrllrl/uni-uview-vue3-template" target="_blank" style="font-size:16px;color: red;">gitee</a>

#### tips &#x1F4CC;
>使用过程中遇到问题请加QQ 1443254530 反馈

#### 基本功能 🚀

>1. 统一配置
>2. 集成uview-ui，采用下载安装方式，已配置好，无需npm
>3. api分模块管理和拦截器
>4. vuex和缓存实现全局变量
>5. 全局公共函数
>6. 更多组件开发中。。。


#### 本人使用工具相关文档 &#x1F4C3;

>1. <a href="http://www.uviewui.com/" target="_blank" style="font-size:16px">uview-ui官方文档</a>
>2. <a href="http://www.uviewui.com/components/common.html" target="_blank" style="font-size:16px">全局样式类</a>
>3. <a href="http://www.uviewui.com/js/apiManage.html" target="_blank" style="font-size:16px">api集中管理和拦截器</a>
>4. <a href="http://www.uviewui.com/guide/globalVariable.html" target="_blank" style="font-size:16px">全局变量的实现</a>
>5. <a href="https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html" target="_blank" style="font-size:16px">微信公众号JSSDK官方文档</a>
>6. <a href="https://u.tools/" target="_blank" style="font-size:16px;color: red;">超好用的utools工具(含内网穿透，公众号开发神器)</a>
>7. <a href="https://www.mescroll.com/uni.html/" target="_blank" style="font-size:16px">uniapp专属列表组件，mescroll</a>



#### 项目目录 &#x1F4C1;

```
|-- .gitignore    // git忽略文件
|-- App.vue
|-- main.js
|-- manifest.json
|-- package-lock.json
|-- package.json
|-- pages.json
|-- README.md
|-- uni.scss
|-- .hbuilderx
|   |-- launch.json
|-- components
|   |-- lime-clipper        // 剪裁组件
|   |-- lrl                 // liruilin个人ui组件库
|   |-- status-bar-height   // 适配状态栏高度
|-- libs
|   |-- index.js            // 全局挂载
|   |-- api                 // api目录，把模块的api写在对应的js文件中
|   |   |-- home.js
|   |-- common
|   |   |-- http.api.js             // api集中管理，挂载所有api到$u.api中
|   |   |-- http.interceptor.js     // 请求拦截器
|   |   |-- index.interceptor.js    // 公共拦截
|   |   |-- route.interceptor.js    // 拦截路由配置
|   |   |-- style
|   |       |-- common.style.scss   // 公共样式
|   |-- config
|   |   |-- assets.config.js // 资源配置
|   |   |-- auth.config.js   // 权限配置(开发中)
|   |   |-- css.config.scss  // css配置
|   |   |-- evn.config.js    // 环境配置
|   |-- lang    // 语言包
|   |   |-- en.js    // 英文语言包
|   |   |-- i18n.js  // 国际化
|   |   |-- zh-Hans.js // 中文语言包
|   |-- mixin
|   |   |-- index.mixin.js  // 公共混淆
|   |-- routes
|   |   |-- index.js  // 拦截路由配置
|   |-- utils
|       |-- common.js // 工具函数
|       |-- jwx.js    // 封装的jssdk函数
|       |-- wx-jssdk.js   // 微信jssdk
|-- store
    |-- $u.mixin.js // vuex挂载全局变量
    |-- index.js
    |-- modules  // 模块
        |-- user.js

```


#### 鸣谢 &#x1F681;
>1. <a href="http://www.uviewui.com/" target="_blank" style="font-size:16px">uview-ui</a>  多平台快速开发的UI框架，uniapp生态最优秀的UI框架。