xi-ui-demo

ui框架

Usage no npm install needed!

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

README

自制UI组件库

Build Status

介绍

一个基于vue的UI组件库,不断完善中。

开始使用

1.添加css样式

使用本框架请在css中开启border-box

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

你还需要设置一下默认颜色

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

2.安装

npm i --save xi-ui-demo

3.引入

import { Button, ButtonGroup, Icon } from 'xi-ui-demo'
export default {
  name: 'app',
  components: {
    HelloWorld,
    'g-button': Button
  }
}