0.5.4 • Published 6 years ago
foneui v0.5.4
一套基于vue.js的移动端UI库
介绍
把一些工作上或者日常生活中开发的较好的组件做了下整理开源出来,希望能帮到更多的开发者,同时也是对自己的锻炼。新想法可能会越来越多所以也会开发越来越多的组件,遇到问题时可到github上Issue有时间时会及时修复。
快速上手
yarn add foneui 或 npm i foneui -S
引入方式
方式一(一次性引入)
import Vue from 'vue';
import FoneUI from 'foneui';
Vue.use(FoneUI);
方式二(按需引入)
使用 babel-plugin-import (推荐),使用第二种方式引用就不可以在使用一次性全引用了
# 安装 babel-plugin-import 插件
npm i babel-plugin-import -D 或 yarn add babel-plugin-import
// 在.babelrc中添加插件配置
// 注意:webpack 1 无需设置 libraryDirectory
{
"plugins": [
["import", {
"libraryName": "foneui",
"libraryDirectory": "lib/components"
}]
]
}
然后就可以以模块的形式引用组件了
import Vue from 'vue'
import { Icon, Button } from 'foneui'
Vue.component('Fone-Icon',Icon)
Vue.component('Fone-Button',Button)
注:不管是那种方式引用都需要引入 Icon 文件,因为组件内部使用到Icon,否则将无法正常显示。