手机浏览 RSS 2.0 订阅 膘叔的简单人生 , 腾讯云RDS购买 | 超便宜的Vultr , 注册 | 登陆
浏览模式: 标准 | 列表2023年09月12日的文章

tailwindCss与 elementUI 的冲突解决

 解决 tailwindCss 与 elementUI 最简单办法就是

1、在 app.js(或main.js)中,先加载 tailwindCss 再加载 elementUI 和相关 css
2、在 tailwind.config.js 中,plugins节点下,增加:
JavaScript代码
  1. plugin(function ({addBase}) {  
  2.   addBase({  
  3.     ".el-button": {  
  4.       "background-color""var(--el-button-bg-color,val(--el-color-white))"  
  5.     }  
  6.   })  
  7. }),  
 
说白了,就是继续针对 el-button 重新赋值。
再打开页面就完全正常了。