l-qfui
v1.0.0
Published
一些封装的ui组件
Downloads
6
Readme
说明
LMC-UI 是一款基于 Vue.js 2.0 的前端 UI 组件库,主要用于快速开发 PC 网站中后台产品
安装
cnpm i l-qfui -S
使用
在src/main.js
import lmcUI from 'l-qfui';
import 'l-qfui/qf-ui.css';
Vue.use(lmcUI)
按钮
<qfui-button
type="primary"
content="主要按钮"
@click="searchFn"
></qfui-button>
<qfui-button type="success" content="成功按钮"></qfui-button>
<qfui-button type="info" content="信息按钮"></qfui-button>
<qfui-button type="warning" content="警告按钮"></qfui-button>
<qfui-button type="danger" content="危险按钮"></qfui-button>
<script>
export default {
methods: {
changePageFn(pagenum) {
console.log(pagenum + "页");
},
}
}
</script>
分页
<qfui-page :total="5" @changePageFn="changePageFn"></qfui-page>
<script>
export default {
methods: {
changePageFn(pagenum) {
console.log(pagenum + "页");
},
}
}
</script>
loading
<qfui-loading :state="state"></qfui-loading>
<script>
export default {
data() {
return {
state: true,
};
}
</script>
框框
<qfui-kuangkuang title="自定义全局框组件"></qfui-kuangkuang>