一、vue.config.js编写重写样式
module.exports = {{
loaderOptions: {
less: {
modifyVars: {
// 直接覆盖变量
blue: '#21A521',
'text-color': '#111',
'active-color': '#21A521',
},
},
},
},
};
二、main.js引用重写vant/lib/index.less
//调用vant样式重写
import Vue from 'vue'
import App from './App.vue'
import router from './router'
//vant调用样式重写
import 'vant/lib/index.less'
//vant桌面端适配
import '@vant/touch-emulator';
//vant组件全局调动
import {Button} from 'vant';
Vue.use(Button)
Vue.config.productionTip = false
new Vue({
router,
render: h => h(App)
}).$mount('#app')