UNPKG

mix-ui

Version:

mix-ui,对于uView UI的补充和组合,用于uni-app生态的UI框架

59 lines (46 loc) 1.17 kB
## 安装 ```bash # yarn方式安装 yarn add mix-ui ``` ## 快速上手 1. `main.js`引入mix-ui库 ```js // main.js import mixUi from 'mix-ui'; Vue.use(mixUi); ``` 2. `App.vue`引入基础样式(注意style标签需声明scss属性支持) ```css /* App.vue */ <style lang="scss"> @import "mix-ui/index.scss"; @import 'mix-ui/animate.css'; </style> ``` 3. `uni.scss`引入全局scss变量文件 ```css /* uni.scss */ @import "mix-ui/theme.scss"; ``` 4. `pages.json`配置easycom规则(按需引入) ```js // pages.json { "easycom": { // npm安装的方式不需要前面的"@/",下载安装的方式需要"@/" // npm安装方式 "^mix-(.*)": "mix-ui/components/u-$1/u-$1.vue" // 下载安装方式 // "^mix-(.*)": "@/mix-ui/components/u-$1/u-$1.vue" }, // 此为本身已有的内容 "pages": [ // ...... ] } ``` 请通过[指南](http://jefferic.gitee.io/mix-ui-doc/)了解更详细的内容 ## 使用方法 配置easycom规则后,自动按需引入,无需`import`组件,直接引用即可。 请通过[指南](http://jefferic.gitee.io/mix-ui-doc/)了解更详细的内容