zhangYuYi88 / nature-ui

A high quality UI Toolkit based on Vue.js

nature-ui

您现在可以打开官方网址,里边有非常详细的介绍和代码demo,可供您使用及参考

组件列表

• Button ✔️
• Checkbox️️✔️
• CheckboxList✔️
• DatePicker✔️
• Dialog✔️
• Icon✔️
• Loading ✔️
• LoadingBar ✔️
• Message ✔️
• Pagination ✔️
• Select ✔️
• Skeleton ✔️
• Swiper ✔️
• Switch ✔️
• Table✔️
• Transfer✔️
• Tree✔️

安装

npm

yarn add nature-ui --save

CDN 引入

通过unpkg.com/nature-ui 可以看到nature-ui 最新版本的资源，也可以切换版本选择需要的资源，在页面上引入 js 和 css 文件即可开始使用：

<script src="//vuejs.org/js/vue.min.js"></script>
<script src="//unpkg.com/nature-ui/lib/nature-ui.umd.min.js"></script>
<link rel="stylesheet" href="//unpkg.com/nature-ui/lib/styles/nature.min.css">

快速开始

// 1、引入nature-ui和nature.min.css
import natureUi from 'nature-ui';
import 'nature-ui/lib/styles/nature.min.css'

// 2、全局注册
Vue.use(natureUi);

贡献代码

使用过程中发现任何问题都可以提 Issue 给我。同时,也十分欢迎您给我发PR。

开源协议

本项目基于 MIT 协议，请自由地享受和参与开源。

特别感谢

感谢element-ui,因为一些样式和设计是参考element,感谢github开源社区,感谢这个伟大的时代,最终要感谢我的女友徐女士的悉心照料和陪伴