🎉 介绍

这是我在学习 Vue2 时写的一个 UI 框架，是参照于ElementUI与Ant Design的功能与样式搭建的轮子☸️，源码地址：GitHub (opens new window)希望对你的学习有所帮助。

使用此框架前，请再 css 中开启 border-box

*, *::before, *::after {
  box-sizing: border-box;
}

安装

npm i windbell / yarn add windbell

引入

import * as wb from 'windbell'
import 'windbell/dist/windbell.css'

封装组件

基础

Button 按钮 、Grid 网格布局 、Layout 默认布局

表单

Input 输入框 、Cascader 级联选择器

通知

Popover 弹出框 、 Message 消息提示

其他

Collapse 折叠面板 、Tabs 标签页、dialog对话框