nanpangyou-vueui-test v0.0.6

使用 Vue 自己造一些轮子，用于练习，当然也可以拿去用 😄

介绍

开始使用

1. 安装

npm i --save nanpangyou-vueui-test

2. 引入

import Button from 'nanpangyou-vueui-test';
Vue.component("j-button", Button);

<template>
    <j-button>Button Name</j-button>
</template>

需要在使用 Button 组件的 vue 文件中的 style 中添加

 html {
        --button-size: 14px;
        --button-height: 32px;
        --button-font-color: #333;
        --button-bg: #fff;
        --button-radius: 4px;
        --button-border: 1px solid #333;
        --button-hover-border: 1px solid #5db2e7;
        --button-active-bg: #ccc;
      }

使用该 UI 请开启 border-box

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

文档

由于Button暂时使用了css变量，所以只支持IE15+

问答

变更记录

联系方式

📮 邮箱： yigehd@foxmail.com

贡献代码

@男胖友