0.0.11 • Published 5 years ago
kuyun-ui v0.0.11
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
Copyright (c) 2018-present, Kui