lojk-ui
v1.1.8
Published
lojk vue ui components library
Downloads
87
Maintainers
Readme
lo-jk-ui介绍
lo-jk-ui是基于Vue2.x实现的版本,专为移动端or微信网页开发打造,在追求完美视觉体验的同时也保证了其性能高效与复用。
步骤
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>引入,不然会报组件注册失败,切记^_^!!!
使用文档
lo-jk-ui