vant样式重写

一、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')