Buefy使用

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设置

Font Awesome使用

Vue.use(Buefy, {
    defaultIconComponent: 'font-awesome-icon'
})