Adashuai5 / wheels-ada

An easy UI components based on Vue

Home Page:https://adashuai5.github.io/wheels-ada/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

wheels-ada

An easy UI components based on Vue.

Build Status npm package

wheels-ada UI 是一个实用的 UI 简易框架,目前提供了一些常用组件(不定期更新),适合 PC 端和移动端使用。

现已支持

  • Button(按钮)
  • Input(输入框)
  • Grid(栅栏)
  • Layout(布局)
  • Toast(吐司弹出)
  • Tabs(标签页)
  • Popover(弹出框)
  • Collapse(折叠面板)
  • List(列表)

介绍

wheels 就是轮子,这是我在使用 Vue 的过程中尝试实现的 UI 组件(造的轮子)集合,希望对你有用。

开始使用

  1. 添加 CSS 样式 使用本框架前,请在 CSS 中开启 border-box

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

    IE 8 及以上浏览器支持此样式。

  2. 安装 wheels-ada

    npm install wheels-ada
    

    或者

    yarn add wheels-ada
    
  3. 引入 wheels-ada

    import { Button } from 'wheels-ada'
    import 'wheels-ada/dist/index.css'
    
    export default {
        name: 'app',
        components: {
            'w-button': Button
        }
    }
    

文档

官方文档

提问

Issues

联系方式

邮箱:yd.zhou@foxmail.com

贡献代码

Pull request

About

An easy UI components based on Vue

https://adashuai5.github.io/wheels-ada/

License:MIT License


Languages

Language:Vue 54.6%Language:JavaScript 40.0%Language:HTML 4.3%Language:Shell 0.6%Language:SCSS 0.5%