首页 > 其他分享 >antd vue 动态主题 ConfigProvider 修改组件圆角

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

时间:2023-01-14 15:12:57浏览次数:52  
标签:vue ant design ConfigProvider variable antd

动态主题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",

标签:vue,ant,design,ConfigProvider,variable,antd
From: https://www.cnblogs.com/wq2333/p/17051873.html

相关文章