|
@@ -1,8 +1,15 @@
|
|
|
|
|
+<p align="center">
|
|
|
|
|
+ <a href="http://nutui.jd.com">
|
|
|
|
|
+ <img alt="whistle logo" src="http://nutui.jd.com/asset/img/nutui-logo.png">
|
|
|
|
|
+ </a>
|
|
|
|
|
+</p>
|
|
|
# NutUI
|
|
# NutUI
|
|
|
|
|
+[](http://nutui.jd.com/)
|
|
|
|
|
+[](http://nutui.jd.com/)
|
|
|
|
|
|
|
|
> 基于Vue 2.0的移动端轻量级UI组件库
|
|
> 基于Vue 2.0的移动端轻量级UI组件库
|
|
|
|
|
|
|
|
-#### 安装
|
|
|
|
|
|
|
+# 安装
|
|
|
|
|
|
|
|
``` bash
|
|
``` bash
|
|
|
1、 使用npm安装nutui
|
|
1、 使用npm安装nutui
|
|
@@ -38,8 +45,8 @@ export default {
|
|
|
* 需要在自己的项目里使用babel对ES6编译
|
|
* 需要在自己的项目里使用babel对ES6编译
|
|
|
* 如果该组件用到了SCSS,则需要使用者自行处理vue单文件中的SCSS编译
|
|
* 如果该组件用到了SCSS,则需要使用者自行处理vue单文件中的SCSS编译
|
|
|
|
|
|
|
|
-#### 组件用法
|
|
|
|
|
-###### 初期组件从使用方法上大致分为两类。
|
|
|
|
|
|
|
+# 组件用法
|
|
|
|
|
+###### 组件从使用方法上大致分为两类。
|
|
|
* 一类是扩展 HTML 元素,典型的Vue组件形式,使用方式类似原生HTML元素。
|
|
* 一类是扩展 HTML 元素,典型的Vue组件形式,使用方式类似原生HTML元素。
|
|
|
``` bash
|
|
``` bash
|
|
|
如遮罩层(Mask)组件,直接使用nut-mask标签即可
|
|
如遮罩层(Mask)组件,直接使用nut-mask标签即可
|
|
@@ -52,4 +59,7 @@ this.$dialog(options);
|
|
|
提示框(Toast)组件
|
|
提示框(Toast)组件
|
|
|
this.$toast(msg,during);
|
|
this.$toast(msg,during);
|
|
|
```
|
|
```
|
|
|
-每个组件的使用方式请参考具体组件文档。
|
|
|
|
|
|
|
+每个组件的使用方式请参考具体组件[文档](http://nutui.jd.com/index.html#/intro)。
|
|
|
|
|
+
|
|
|
|
|
+# License
|
|
|
|
|
+[MIT](https://github.com/jdf2e/nutui/blob/master/LICENSE)
|