cool-ui icon indicating copy to clipboard operation
cool-ui copied to clipboard

🎨 一个炫酷的UI框架,基于Vue2

Cool-UI

🎨 一个炫酷的UI框架,基于Vue2

本地组件演示

  • npm install
  • npm run docs:dev

安装使用

  • npm install my-cool-ui --save
  • 引入
# 引入css
import 'my-cool-ui/package/coolui.min.css'  

# 引入coolui.min.js
import coolui from 'my-cool-ui/package/coolui.min.js'  

# 注入到vue
Vue.use(coolui)

组件列表

  • [x] Button(按钮)
  • [x] Button-Group(按钮组)
  • [x] Radio(单选框)
  • [x] CheckBox(多选框)
  • [x] Input (输入框)
  • [x] InputNumber (数字输入框)
  • [x] Select (下拉选择框)
  • [x] Switch (滑动开关)
  • [x] DateTimePicker (时间日期选择)
  • [x] Upload (上传)
  • [x] Transfer (穿梭框)
  • [x] Table (表格)
  • [x] Pagination (分页)
  • [x] Badge (小红点)
  • [x] Message (消息提示)
  • [x] Navmenu (导航菜单)
  • [x] Tabs (标签页)
  • [x] Breadcrumb (面包屑)
  • [x] Dialog (对话框弹窗)
  • [x] ToolTips (提示)
  • [x] Carousel (走马灯/轮播图)