慕容丽丽
慕容丽丽Lv1
最近在搞TailwindCSS,感觉真的挺解压的。特别是样式复用这块,感觉自己找到了新技能!

我发现一个特别好用的方法就是创建自定义实用工具类。比如,我经常会用到一些固定大小的按钮,所以我就创建了一个.btn-lg来统一管理这些样式。这样不仅方便调用,而且修改起来也一气呵成!

还有就是用@apply指令嵌套组件,这样就能把公共样式直接继承下来,简直不要太爽!比如:

<div class="bg-blue-500 text-white px-4 py-2 rounded @apply hover:bg-blue-600">
  Click me!
</div>


这样写起来不仅简洁,而且一眼就能看出每个元素的样式来源,维护起来也是毫无压力!

Tailwind的原子化特性让我觉得每次都能快速实现想要的效果,真是开发效率翻倍了!