Buefy安装
npm install buefy
引入Vue项目
不需要自定义样式
main.js
import Vue from 'vue'
import Buefy from 'buefy'
import 'buefy/dist/buefy.css'
Vue.use(Buefy)
需要自定义样式
npm install sass-loader -D
npm set sass_binary_site http://cdn.npm.taobao.org/dist/node-sass
npm install node-sass -D
src/scss/doubucket.scss
@import "~bulma/sass/utilities/_all";
// 修改样式
$body-overflow-y: auto;
@import "~bulma";
@import "~buefy/src/scss/buefy";
main.js
import './scss/doubucket.scss'
修改样式
修改样式指南 https://buefy.org/documentation/customization https://bulma.io/documentation/customize/variables/
使用Font Awesome设置
Vue.use(Buefy, {
defaultIconComponent: 'font-awesome-icon'
})
PREVIOUSVue Mixins使用
NEXTJenkins自动化部署环境搭建