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

前言

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

操作方法

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

照葫芦画瓢,把包npm下来

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

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

照着这个来 # rem-to-px

相关推荐
h***34636 分钟前
MS SQL Server 实战 排查多列之间的值是否重复
android·前端·后端
本地跑没问题7 分钟前
Rect深入学习
前端
北辰alk8 分钟前
跨域难题终结者:Vue项目中优雅解决跨域问题的完整指南
前端
吹水一流8 分钟前
为什么 SVG 能在现代前端中胜出?
前端
小皮虾8 分钟前
拒绝卡顿!小程序图片本地“极速”旋转与格式转换,离屏 Canvas 性能调优实战
前端·javascript·微信小程序
小熊哥7228 分钟前
一个有趣的CSS题目
前端
小时前端9 分钟前
性能优化:从“用户想走”到“愿意留下”的1.8秒
前端·面试
进阶的鱼10 分钟前
关于微前端框架wujie的一次企业级应用实践demo?
前端·vue.js·react.js
凯心13 分钟前
React 中没有 v-model,如何优雅地处理表单输入
前端·vue.js·react.js
南雨北斗13 分钟前
vue3 Composable介绍
前端