最近在搞TailwindCSS,感觉真的挺解压的。特别是样式复用这块,感觉自己找到了新技能!
我发现一个特别好用的方法就是创建自定义实用工具类。比如,我经常会用到一些固定大小的按钮,所以我就创建了一个
还有就是用
这样写起来不仅简洁,而且一眼就能看出每个元素的样式来源,维护起来也是毫无压力!
Tailwind的原子化特性让我觉得每次都能快速实现想要的效果,真是开发效率翻倍了!
我发现一个特别好用的方法就是创建自定义实用工具类。比如,我经常会用到一些固定大小的按钮,所以我就创建了一个
.btn-lg来统一管理这些样式。这样不仅方便调用,而且修改起来也一气呵成!还有就是用
@apply指令嵌套组件,这样就能把公共样式直接继承下来,简直不要太爽!比如:<div class="bg-blue-500 text-white px-4 py-2 rounded @apply hover:bg-blue-600">
Click me!
</div>这样写起来不仅简洁,而且一眼就能看出每个元素的样式来源,维护起来也是毫无压力!
Tailwind的原子化特性让我觉得每次都能快速实现想要的效果,真是开发效率翻倍了!
登录/注册