使用lighting-ui控件库

安装依赖

当工程需要使用UI控件时,首先需要对 lib 目录下的 package.json 文件进行设置,引入依赖:

{
"dependencies": {
"lighting-ui": "*",
"validator": "^6.2.1"
}
}

然后在 lib 目录下执行 npm install 完成安装。

npm install

使用UI控件

在需要使用组件的视图中引入UI控件,建议大家使用时按需引入,可以节省打包资源。例如当我需要使用 button 按钮,步骤如下:

  1. <script> 中加入

    import LcButton from 'lighting-ui/packages/lc-button'
  2. 对组件进行注册

    components: { LcButton }
  3. 最后在 template 内使用

    <lc-button text="确定" type="normal"></lc-button>

完整代码为:

<template>
<div>
<lc-button text="确定" type="normal"></lc-button>
</div>
</template>
<script>
import LcButton from 'lighting-ui/packages/lc-button';
export default {
components: { LcButton },
data(){
return {};
}
}
</script>
<style scoped>
</style>

其他控件使用方法类似,改为相对应的控件名即可。

UI控件使用API

更多完整控件参考UI控件API参考