技术栈

tailwindcss的@apply使用

前端小鸡2024-06-11 17:07

tailwindcss的@apply是把在html写的tailwindcss可以挪到style里面

简化页面的可读性

没写之前的

复制代码
 <section class="block-risk absolute flex flex-col items-center p-4 text-center left-0 text-white;" :style="{ top, left: '60px' }">
</section>

使用 @apply之后的

上一篇:node.js学习
下一篇:EasyExcel导出多个sheet封装
相关推荐
光影少年
2 小时前
angular生态及学习路线
前端·学习·angular.js
記億揺晃着的那天
4 小时前
Vue + Element UI 表格自适应高度如何做?
javascript·vue.js·ui
无尽夏_
4 小时前
HTML5(前端基础)
前端·html·html5
Jagger_
4 小时前
敏捷开发流程-精简版
前端·后端
FIN6668
5 小时前
昂瑞微冲刺科创板:创新驱动,引领射频芯片国产化新征程
前端·安全·前端框架·信息与通信·芯片
GISer_Jing
5 小时前
ByteDance——jy真题
前端·javascript·面试
睡美人的小仙女127
5 小时前
浏览器为何屏蔽本地文件路径?
前端
真的想不出名儿
5 小时前
Vue 中 props 传递数据的坑
前端·javascript·vue.js
FIN6668
5 小时前
昂瑞微:深耕射频“芯”赛道以硬核实力冲刺科创板大门
前端·人工智能·科技·前端框架·信息与通信·智能
阳光阴郁大boy
5 小时前
星座运势网站技术解析:从零打造现代化Web应用
前端·javascript
热门推荐
01BongoCat - 跨平台键盘猫动画工具02两千字总结:Codex 国内如何安装和使用的教程,以及如何设置中文回答03GitHub 镜像站点04UV安装并设置国内源05智能库存管理的需求预测模型:从业务痛点到落地代码的完整实践0646个Nano-banana 精选提示词,持续更新中07Cursor Plan Mode:AI 终于知道先想后做了08Linux下V2Ray安装配置指南09GitLab 零基础入门指南:从安装到项目管理全流程10一文了解国产算子编程语言 TileLang,TileLang 对国产开源生态的影响与启示