手机浏览 RSS 2.0 订阅 膘叔的简单人生 , 腾讯云RDS购买 | 超便宜的Vultr , 注册 | 登陆

tailwindCss与 elementUI 的冲突解决

首页 > Javascript >

 解决 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 重新赋值。
再打开页面就完全正常了。
 



本站采用创作共享版权协议, 要求署名、非商业和保持一致. 本站欢迎任何非商业应用的转载, 但须注明出自"易栈网-膘叔", 保留原始链接, 此外还必须标注原文标题和链接.

« 上一篇 | 下一篇 »

发表评论

评论内容 (必填):