mine-727

MineUI 一个 Vue UI 组件

介绍

这是我学习Vue过程中做的1个UI框架

开始使用

1.添加CSS样式 使用本框架前 请在css中开启 broder-box IE 8 及以上浏览器都支持此样式

*{margin: 0;padding: 0;box-sizing: border-box;}
*::before{box-sizing: border-box;}
*::after{box-sizing: border-box;}

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

你还需要设置默认颜色等变量(后续会改scss变量)

html {
        --button-height: 32px;
        --font-size: 14px;
        --button-bg: #ffffff;
        --button-active-bg: rgb(169, 169, 169);
        --button-radius: 4px;
        --color: #999;
        --border-color: #999;
        --border-color-hover: rgb(60, 57, 57);
    }

2.安装 mine-727

    npm i --save mine-727

3.引入 mine-727

import {Button} from "mine-727"
import "mine-727/dist/index.css";
export default {
  name: "App",
  components: {
    "m-button": Button,
  },
};

文档

提问

变更纪录

联系方式

介绍

作者 Yao_An