1.0.1 • Published 2 years ago
web886-lulu-ui v1.0.1
😊说明
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>