antd vue 动态主题 ConfigProvider 修改组件圆角

动态主题ConfigProvider

  根据文档配置:https://www.antdv.com/docs/vue/customize-theme-variable-cn

需求是修改圆角。

  文档引入的是:import 'ant-design-vue/dist/antd.variable.min.css'

  切换成:import "ant-design-vue/dist/antd.variable.less"。

  修改vite 配置:

css: {
    preprocessorOptions: {
      less: {
        modifyVars: {
          "border-radius-base": "8px",
        },
        javascriptEnabled: true, 
      },
    },
  },

 版本:"vite": "^4.0.4","ant-design-vue": "^3.2.15",

posted @ 2023-01-14 14:56  红色的风  阅读(1388)  评论(0编辑  收藏  举报