【unocss】apply聚合语法,unocss配置

前言

最近在使用unocss时,我感觉原子化CSS把这些类名堆在一个标签里,实在谈不上精致美观,那我们有没有办法将这些样式类名搬到style里呢?有的,unocss、tailwindCSS都给出了一种语法 #apply

操作方法

这个不可以直接在项目使用,需要根据文档里来走一遍配置流程,下面是我的配置过程

照葫芦画瓢,把包npm下来

我的ts一片飘红,不过没关系,完成这一步后就会看到效果了。

我的是uniapp,可能涉及移动端,之前用的是转rpx,现在使用聚合语法失效了;

照着这个来 # rem-to-px

相关推荐
咬人喵喵14 分钟前
植树节主题核心 SVG 交互玩法 + 品牌 / 账号案例 + 组件 / 教程
前端·css·编辑器·svg·e2编辑器
Sailing27 分钟前
🚀AI 写代码越来越快,但我开始不敢上线了
前端·后端·面试
Alair‎28 分钟前
Vue 3 基础教程:从入门到精通
前端·javascript·vue.js
Sylvia33.30 分钟前
体育数据API实战:用火星数据实现NBA赛事实时比分与状态同步
java·linux·开发语言·前端·python
码农阿豪30 分钟前
Vue+Ant Design表格组件开发实战:从问题到优化的完整指南
前端·javascript·vue.js
QQ243919731 分钟前
spring boot医院挂号就诊系统信息管理系统源码-SpringBoot后端+Vue前端+MySQL【可直接运行】
前端·vue.js·spring boot
用户693717500138433 分钟前
OS级AI Agent:手机操作系统的下一个战场
android·前端·人工智能
百锦再34 分钟前
Vue不是万能的:前后端不分离开发的优势
前端·javascript·vue.js·前端框架·vue
毕设源码_王学姐34 分钟前
2026毕设ssm+vue民宿管理系统论文+程序
前端·vue.js·课程设计
程序员鱼皮34 分钟前
万字干货 | OpenClaw 进阶玩法大全:技能 / 多 Agent / 省钱 / 安全,50+ 实战技巧一次学会
前端·后端·ai编程