A fantastic mobile ui lib implement by Vue.
A fantastic mobile ui lib implement by Vue
- 通过 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
原理请查看这篇文章,狠狠点击这里
npm install vue-bee --save
import Vue from 'vue';
import VueBee from 'vue-bee';
Vue.use(VueBee);
我们推荐在入口文件进, 例如在 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)
Tip: 局部引入的时候需要引入 Style 加载样式
For more information, please refer to [Quick Start](https://celverbamboo.github.io/vue-bee.github.io/docs/)- More components