UNPKG

lojk-ui

Version:

lojk vue ui components library

37 lines (27 loc) 1.3 kB
# lo-jk-ui介绍 > lo-jk-ui是基于Vue2.x实现的版本,专为移动端or微信网页开发打造,在追求完美视觉体验的同时也保证了其性能高效与复用。 ## 步骤 ``` bash 1.安装 npm i lojk-ui --save or yarn add lojk-ui 2.main.js引入 (1)全局加载 import LoJkUi from "lojk-ui/dist/index"; Vue.use(LoJkUi); (2)按需加载 如果是按需加载,则需要从lojk-ui/dist/lib目录加载需要的组件。 // 然后引入并注册组件 import lotusButton from "lojk-ui/dist/lib/lotusButton"; Vue.component(lotusButton.name, lotusButton); 3.lotusToast与lotusLoading这两个组件是已插件形式注入 import lotusToast from 'lojk-ui/dist/lib/lotusToast' import lotusLoading from 'lojk-ui/dist/lib/lotusLoading' Vue.use(lotusLoading); Vue.use(lotusToast); 这两个组件注入Vue.$lotus,vue具体页面使用this.$lotus.loading.show(); this.$lotus.toast.show({type:'text',text:'666'}) 4.使用过程中遇到问题 vue具体页面使用组件,正确方式: <lotus-button></lotus-button> 使用组件不要使用驼峰式写法<lotusButton></lotusButton>引入,不然会报组件注册失败,切记^_^!!! ``` #### 使用文档 <br/> <a href="http://lotusui.winglau14.com" target="_blank">lo-jk-ui</a>