1.0.0 • Published 2 years ago
barrthree-ui v1.0.0
说明
WOF-UI 是一款基于 Vue.js 2.0 的前端 UI 组件库,主要用于快速开发 PC 网站中后台产品
安装
cnpm i barrthree-ui -S
使用
在src/main.js
import WOFUI from 'barrthree-ui';
Vue.use(WOFUI);
import 'barrthree-ui/qf-ui.css';
组件
按钮
<wof-row>
<wof-button>默认按钮</wof-button>
<wof-button type="primary">主要按钮</wof-button>
<wof-button type="success">成功按钮</wof-button>
<wof-button type="info">信息按钮</wof-button>
<wof-button type="warning">警告按钮</wof-button>
<wof-button type="danger">危险按钮</wof-button>
</wof-row>
<wof-row>
<wof-button round>默认按钮</wof-button>
<wof-button type="primary" round>主要按钮</wof-button>
<wof-button type="success" round>成功按钮</wof-button>
<wof-button type="info" round>信息按钮</wof-button>
<wof-button type="warning" round>警告按钮</wof-button>
<wof-button type="danger" round>危险按钮</wof-button>
</wof-row>
分页
<wof-row>
<wof-page :total="10" @changePage="changePageFn"></wof-page>
</wof-row>
<script>
export default {
methods: {
changePageFn(n) {
alert(n)
}
}
}
</script>
1.0.0
2 years ago