wheels-ada UI 是一个实用的 UI 简易框架,目前提供了一些常用组件(不定期更新),适合 PC 端和移动端使用。
- Button(按钮)
- Input(输入框)
- Grid(栅栏)
- Layout(布局)
- Toast(吐司弹出)
- Tabs(标签页)
- Popover(弹出框)
- Collapse(折叠面板)
- List(列表)
wheels 就是轮子,这是我在使用 Vue 的过程中尝试实现的 UI 组件(造的轮子)集合,希望对你有用。
-
添加 CSS 样式 使用本框架前,请在 CSS 中开启 border-box
*,*::before,*::after{ box-sizing: border-box }
IE 8 及以上浏览器支持此样式。
-
安装 wheels-ada
npm install wheels-ada
或者
yarn add wheels-ada
-
引入 wheels-ada
import { Button } from 'wheels-ada' import 'wheels-ada/dist/index.css' export default { name: 'app', components: { 'w-button': Button } }