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

前言

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

操作方法

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

照葫芦画瓢,把包npm下来

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

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

照着这个来 # rem-to-px

相关推荐
float_六七22 分钟前
JavaScript:现代Web开发的核心动力
开发语言·前端·javascript
zhaoyang030133 分钟前
vue3笔记(2)自用
前端·javascript·笔记
耶啵奶膘1 小时前
uniapp+vue3——通知栏标题纵向滚动切换
uni-app
德育处主任Pro1 小时前
# JsSIP 从入门到实战:构建你的第一个 Web 电话
前端
拾光拾趣录1 小时前
setTimeout(1) 和 setTimeout(2) 的区别
前端·v8
拾光拾趣录1 小时前
内存泄漏的“隐形杀手”
前端·性能优化
摸鱼仙人~1 小时前
HttpServletRequest深度解析:Java Web开发的核心组件
java·开发语言·前端
索西引擎1 小时前
【工程化】浅谈前端构建工具
前端·webpack·gulp·turbopack
ZzMemory2 小时前
一文搞懂前端开发必备的导入导出方式
前端·面试·前端工程化
Stark_Tony2 小时前
SystemUI开发
前端