在Vue项目开发中使用Tailwindcss强力推荐!
本文是在实际项目开发中使用Tailwindcss的感受,给还未决定的选择使用Tailwindcss的朋友们一些参考。
2021/3/4 更新
在自己开发多个项目以后,对TailwindCSS感受修正。1、适合快速开发,尤其是需要手机和电脑适配项目。2. 如果你是开发中长期项目,或者注重细节、交互,建议还是自己写CSS。
为什么我觉得用Tailwindcss会很舒服
1. 直接在vue中写css命令,省去了繁琐的css命名,省去了来回跳转页面编辑,省去了写一堆CSS的痛苦
Before
<div class="bottomNav"></div>
<style scoped>
.bottomNav-cartfooter {
position: fixed;
right: 0;
bottom: 0;
left: 0;
display: flex;
align-items: center;
padding-left: 21.066667vw;
background-color: rgba(61, 61, 63, 0.9);
height: 12.8vw;
z-index: 1000;