kad-design

基于Vue2.x的移动组件库

Usage no npm install needed!

<script type="module">
  import kadDesign from 'https://cdn.skypack.dev/kad-design';
</script>

README

1. 全局引入

import kadDesign from 'kad-design';
import 'kad-design/lib/theme-chalk/index.css';

Vue.use(kadDesign);

2. 按需引入

安装 babel-plugin-component 插件

yarn add babel-plugin-component -D

配置 babel.config.js，（全局引入务必要去掉这里的配置）

plugins: [
  [
    'component',
    {
      libraryName: 'kad-design',
      styleLibraryName: 'theme-chalk'
    }
  ]
];

配置 main.js/ts ，(具体所需组件引入请前往文档查看)

import { Button, Icon } from 'kad-design';

Vue.use(Button);
Vue.use(Icon);

3. 配置 rem

main.js 引入 js 适配

import 'kad-design/packages/utils/rem.js';