技术栈

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封装
相关推荐
382427827
27 分钟前
python:输出JSON
前端·python·json
2503_92841156
33 分钟前
12.22 wxml语法
开发语言·前端·javascript
光影少年
1 小时前
Vue2 Diff和Vue 3 Diff实现及底层原理
前端·javascript·vue.js
2501_94622431
1 小时前
旅行记录应用统计分析 - Cordova & OpenHarmony 混合开发实战
javascript·harmonyos·harvester
傻啦嘿哟
1 小时前
隧道代理“请求监控”实战:动态调整采集策略的完整指南
前端·javascript·vue.js
JIngJaneIL
1 小时前
基于java + vue个人博客系统(源码+数据库+文档)
java·开发语言·前端·数据库·vue.js·spring boot
C_心欲无痕
1 小时前
vue3 - readonly创建只读的响应式对象
前端·javascript·vue.js
Rabi'
1 小时前
编译ATK源码
前端·webpack·node.js
SoaringHeart
1 小时前
Flutter组件封装:视频播放组件全局封装
前端·flutter
TAEHENGV
1 小时前
进度跟踪模块 Cordova 与 OpenHarmony 混合开发实战
android·javascript·数据库
热门推荐
01GitHub 镜像站点02从快手“12·22”直播攻击事件看:一次教科书式的业务层饱和攻击033D 圣诞树网页代码04UV安装并设置国内源05Linux下V2Ray安装配置指南06在VSCode配置Java开发环境的保姆级教程(适配各类AI编程IDE)07Gemini3 生成的基于手势控制3D粒子圣诞树08电脑检测软件—图吧工具箱09解决 WSL Ubuntu 中 /etc/resolv.conf 自动重置问题10jdk21下载、安装(Windows、Linux、macOS)