添加链接
link管理
链接快照平台
  • 输入网页链接,自动生成快照
  • 标签化管理网页链接
相关文章推荐
开心的苦咖啡  ·  Visual Studio Code 中的 ...·  2 周前    · 
爱旅游的手套  ·  CSS / ...·  1 周前    · 
爱逃课的毛豆  ·  Re: [問題] ...·  1 周前    · 
卖萌的枇杷  ·  french pronunciation ...·  5 月前    · 
侠义非凡的脆皮肠  ·  Re: [PATCH v2 ...·  5 月前    · 
逆袭的登山鞋  ·  How to write a ...·  7 月前    · 
爽快的充电器  ·  Python Programming ...·  8 月前    · 
首发于 程序开发
在Vue项目开发中使用Tailwindcss强力推荐!

在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;