1.0.1 • Published 5 years ago

mlx-ui v1.0.1

Weekly downloads
5
License
ISC
Repository
github
Last release
5 years ago

my-ui 一个搭配vue使用的ui框架

Build Status

一个自制的ui框架,记录我的学习过程

开始使用

  1. 添加样式

使用本框架之前,请在css中开启boder-box,

*{
  box-sizing:border-box;
}

你还需要在html文件中设置默认样式

html{
    --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;
  }
  1. 安装
npm i --save mlx-ui
  1. 引入ui
import {Button,Icon} from 'mlx-ui'
import 'mlx-ui/dist/index.css'
export default {
  name: 'app',
  components: {
    'm-button':Button,
    'm-icon':Icon
  }
}