如何让 Tailwind 和 Vuetify 协同工作而不造成样式缺陷?

2024-01-07

我昨天工作了一整天,完成了一个谷歌云功能,为约会制作器 vue 组件提供支持。最后一步实际上是使用返回对象的 UI。我计划使用 vuetify 日期/时间选择器和允许的日期和时间。

今天花了很多时间尝试将 vuetify 添加到现有项目中以仅将它们用于组件,这会导致来自 main.sass 的某些类(margin 等)出现样式错误。

我想过向 tailwind 添加前缀,但我没有时间或意愿返回所有组件和文件以向所有 tailwind 类添加前缀。

我可以做些什么来限制 vuetify 类/css 的范围,以免在我尝试使用的两个组件之外引起问题?

我可以在编译和组装 tailwind 后添加 vuetify css 以便 tailwind 类获胜优先吗?

我没有代码可以展示,因为它相当简单。我认为谷歌日历 API 是这个组件中最难的部分,但事实证明它更容易。


Tailwind 允许您在配置文件中为生成的类添加前缀。看https://tailwindcss.com/docs/configuration https://tailwindcss.com/docs/configuration

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何让 Tailwind 和 Vuetify 协同工作而不造成样式缺陷? 的相关文章

随机推荐