vue-bee v1.2.0

vue-bee

A fantastic mobile ui lib implement by Vue.

预览

A fantastic mobile ui lib implement by Vue

Links

• Docs

• Online Demo

介绍本组件库的特点

• 通过 vw 对 组件库的适配，核心CSS代码如下

// stylus
html
    font-size: 13.333333333333333vw 

px2rem($px, $rem = 100)
  @media (min-resolution: 2dppx)
    return ($px / $rem * 2) rem
  @media (min-resolution: 3dppx)
    return ($px / $rem * 3) rem

原理请查看这篇文章,狠狠点击这里

Install

npm install vue-bee --save

Usage

import Vue from 'vue';
import VueBee from 'vue-bee';

Vue.use(VueBee);

Use modularized vue-bee

我们推荐在入口文件进, 例如在 src/main.js 行全局注册

import Vue from 'vue'
import {
  /* eslint-disable no-unused-vars */
  Style,
  Button,
  ActionSheet
} from 'vue-bee'

Vue.use(Button)
Vue.use(ActionSheet)

ToDo

• More components