sl-ui

[![Build Status](https://travis-ci.org/luoshushu/SL-UI.svg?branch=master)](https://travis-ci.org/luoshushu/SL-UI) ## 介绍

Usage no npm install needed!

<script type="module">
  import slUi from 'https://cdn.skypack.dev/sl-ui';
</script>

README

SL-UI框架 一个Vue UI框架

Build Status

介绍

开始使用

1、添加css样式 使用本框架前，请在css中开启border-box

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

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

设置默认颜色等变量（后续优化，修改）

  :root {
    --button-height: 32px;
    --font-size: 16px;
    --button-bg: white;
    --button-active-bg: #eee;
    --border-radius: 4px;
    --color: #333;
    --border-color: #999;
    --border-color-hover: #666;
  }

IE 15及以上浏览器都支持此样式

2、安装 sl-ui

npm i -S  sl-ui

3、引入

import {Button,ButtonGroup,Icon} from 'sl-ui'
import 'sl-ui/dist/index.css'
export default {
  components: {
    'sl-button':Button,
    ButtonGroup,
    Icon
  }
}

文档

已完成组件

  • 按钮Button
  • 输入框Input
  • 图标Icon
  • 网格布局Row/Col
  • 吐司Toast
  • 标签页Tabs

提问

变更记录

联系方式

贡献代码