kuyun-ui

kuyun ui for kuyun FE

安装

yarn add kuyun-ui

使用

全局注册

在 main.js 文件中引入并注册

# main.js
import Kui from 'kuyun-ui'
Vue.use(Kui)

在项目中使用组件(全局注册)

<template>
    <Button />
</template>
<script>
    export default {
        data () {}
    }
</script>

按需引入

在 babel.config.js 文件中配置

// babel.config.js
module.exports = {
    presets: [
        '@vue/app'
    ],
    // 按需加载配置 安装babel-plugin-import插件
    "plugins": [
        [
            "import", 
            {
                "libraryName": "kuyun-ui",
                "libraryDirectory": "src/packages"
            }
        ]
    ]
}

在项目中使用组件(按需加载)

<template>
    <Button />
</template>
<script>
    import { Button } from 'kui'

    export default {
        data () {},
        components: { Button }
    }
</script>

组件列表

• Portrait 肖像组件，包含 Portrait.List 列表组件和 Portrait.Bar 柱形图组件。注: 柱形图组件依赖 echarts 图表库
• Button 按钮组件
• Aside 侧边栏(菜单)组件
• Loading Loading组件

License

MIT

Copyright (c) 2018-present, Kui