Vue3.0 一套移动端轻量级组件库 https://nutui.jd.com/#/index
Franslee
8da0c5e0ec
update
|
7 年之前 | |
|---|---|---|
| scripts | 7 年之前 | |
| src | 7 年之前 | |
| .babelrc | 7 年之前 | |
| .gitignore | 7 年之前 | |
| README.md | 7 年之前 | |
| config.json | 7 年之前 | |
| package.json | 7 年之前 | |
| postcss.config.js | 8 年之前 | |
| webpack.config.custom.js | 7 年之前 | |
| webpack.config.js | 7 年之前 |
README.md
NutUI
基于Vue 2.0的移动端轻量级UI组件库
安装
使用npm安装NutUI
npm install @nutui/nutui --save
引用完整组件库
1，在入口文件（如app.js）中引入
import NutUI from '@nutui/nutui'
2，初始化
NutUI.install(Vue)
通过以上步骤即可完成整个NutUI组件库的安装。
自定义构建（按需引用）
本组件库支持自定义构建（1.1.0版本以上），您可以根据需要只打包部分组件。
1，在NutUI项目目录下执行
npm install
2，执行自定义构建命令
npm run custom
3, 在出现的组件列表中，选择所有您需要打包的组件，然后按下回车键即开始构建
4，片刻之后，自定义构建出的nutui.js文件会出现在dist目录下。在项目中引入和初始化的操作同上
组件用法
组件从使用方法上大致分为两类。
- 一类是扩展 HTML 元素，典型的Vue组件形式，使用方式类似原生HTML元素。
bash 如遮罩层（Mask）组件，直接使用nut-mask标签即可 <nut-mask :visible.sync="maskShow"><nut-mask> - 另一类是Vue构造器的扩展组件，使用方式类似jQuery/Zepto方法。
bash 如对话框（Dialog）组件 this.$dialog(options); 提示框（Toast）组件 this.$toast(msg,during);每个组件的使用方式请参考具体组件文档。