响应式UI组件轻量级库 - buefy

2017-04-01      399      Vue
项目简介

Buefy

Buefy是一个响应式UI组件轻量级库,用于VueJS,基于Bulma框架。

特性

  • 使当前Bulme主题/变量更简单
  • 支持MD风格Icons和FontAwesome
  • 非常轻量级,无内部依赖
  • 语义编码输出
  • 遵循Bulma设计以及其他MD风格UX设计
  • 专注于可用性和性能,无需动画

入门

npm

npm install buefy

导入并使用Buefy.

import Vue from 'vue'
import Buefy from 'buefy'
import 'buefy/lib/buefy.css'

Vue.use(Buefy)

// OR

Vue.component(Buefy.Checkbox.name, Buefy.Checkbox)
Vue.component(Buefy.Table.name, Buefy.Table)
...

导入Material Design Icons

<link rel="stylesheet" href="//fonts.googleapis.com/icon?family=Material+Icons">

Browser支持

  • Firefox 52+
  • Chrome 57+
  • Edge 38+
  • Opera 44+