zhuzhuui

vue-ui,ui,vue,ui-vue

Usage no npm install needed!

<script type="module">
  import zhuzhuui from 'https://cdn.skypack.dev/zhuzhuui';
</script>

README

这是一个基于coreui封装的一个vue-ui框架

组件列表

Aside,
AsideToggler,
Breadcrumb,
Footer,
Header,
HeaderDropdown,
NavbarBrand,
Sidebar,
SidebarFooter,
SidebarForm,
SidebarHeader,
SidebarMinimizer,
SidebarNav,
SidebarToggler,
Switch,
DashBoard

如何使用？

1.引入组件

a>全局引入

import Bui from 'zhuzhuui;
Vue.use(Bui);

b>单个组件使用

import {Aside} from 'zhuzhuui';
Vue.component(Aside.name,Aside);

注意每个组件的前缀都叫appXXX，引入时需要这样

2.引入css

// Import coreui Set(如果你想自定义，可以从coreui的git地址里面下载sass的css源码修改，引入你修改的即可，无需再引入此css)
import 'zhuzhuui/css/style.css'
// Import Flag Icons Set
import 'flag-icon-css/css/flag-icon.min.css';
// Import Font Awesome Icons Set
import 'font-awesome/css/font-awesome.min.css';
// Import Simple Line Icons Set
import 'simple-line-icons/css/simple-line-icons.css';

3.使用组件

见examples/HellWord.vue或者packages/DashBoard.vue

更多文档构建中……

参考

coreui官网：https://coreui.io/
coreui-react:https://github.com/coreui/coreui-react
coreui-free-vue-admin-template:https://github.com/mrholek/coreui-free-vue-admin-template

特别感谢：https://github.com/xidedix