l-qfui v1.0.0

说明

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>