web886-lulu-ui

😊说明

LULUUI 是一款基于 Vue.js 2.0 的前端 UI 组件库，主要用于快速开发 PC 网站中后台产品

😶‍🌫️安装

cnpm i web886-lulu-ui -S

😶‍🌫️使用

在src/main.js
import LULUUI from 'web886-lulu-ui';
Vue.use(LULUUI);
import 'web886-lulu-ui/lulu-ui.css';

👻组件

框框

 <legend>{{ title }}</legend>
 export default {
  
  name: "qfui-kuangkuang",
  props: {
    title: {
      type: String,
    },
  },
};
</script>

分页

<script>
export default {
  name: "qfui-page",
  props: {
    total: {
      type: Number,
    },
  },

  methods: {
    changePageFn(n) {
      this.$emit("changePageFn", n);
    },
  },
};
</script>

按钮

    <qfui-button>默认按钮</qfui-button>
    <qfui-button type="primary">主要按钮</qfui-button>
    <qfui-button type="success">成功按钮</qfui-button>
    <qfui-button type="info">信息按钮</qfui-button>
    <qfui-button type="warning">警告按钮</qfui-button>
    <qfui-button type="danger">危险按钮</qfui-button>