vue 一般都用什么ui框架？基于，Vue手机端UI组件库Owl-UI

昨天有给大家分享一个Vue.js移动端组件库。今天再给大家分享一款手机端UI组件库OwlUI。

owl-ui 一款基于 vue.js 构建的轻量级极致体验移动端UI组件库。

特性

• 质量可靠
• 体验极致
• 标准规范
• 扩展性强

安装

$ npm i owl-ui -S

引入

import Vue from 'vue';import Owl from 'owl-ui';import 'owl-ui/lib/styles/owl-ui.css';Vue.use(Owl);

快速使用

<template> <div id="app"> <owl-button>Default Button</owl-button> <owl-button type="disabled">Disabled Button</owl-button> <owl-button :outline="true">Outline Button</owl-button> <owl-button @click="show">Down</owl-button> <owl-drawer :visible.sync="visible" :placement="placement" @callback="callback" > <p>内容部分</p> </owl-drawer> </div></template><script>export default { data () { return { placement: 'down', visible: false } }, methods: { show () { this.visible = true }, callback (val) { console.log('callback', val) } }}</script>

服务于企业产品的设计体系，基于确定和自然的设计价值观上的模块化解决方案，让设计者和开发者专注于更好的用户体验。

ending，附上文档及项目地址。

# 文档地址https://owl-ui.dengwb.com/# 仓库地址https://github.com/dengwb1991/owl-ui

ok，就分享到这里。如果感兴趣可以去看下哈！