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

前言

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

操作方法

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

照葫芦画瓢,把包npm下来

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

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

照着这个来 # rem-to-px

相关推荐
2501_915373884 分钟前
Vue路由深度解析:Vue Router与导航守卫
前端·javascript·vue.js
小妖6668 分钟前
前端表格滑动滚动条太费事,做个浮动滑动插件
前端
读心悦16 分钟前
5000 字总结CSS 中的过渡、动画和变换详解
前端·css·tensorflow
__BMGT()20 分钟前
C++ QT 打开图片
前端·c++·qt
仍然探索未知中1 小时前
前端扫盲HTML
前端·html
Aiden Targaryen1 小时前
Windows/MacOS WebStorm/IDEA 中开发 Uni-App 配置
java·uni-app·webstorm
Brilliant Nemo1 小时前
Vue2项目中使用videojs播放mp4视频
开发语言·前端·javascript
酷爱码2 小时前
Linux实现临时RAM登录的方法汇总
linux·前端·javascript
LuckyLay2 小时前
Vue百日学习计划Day16-18天详细计划-Gemini版
前端·vue.js·学习
想要飞翔的pig2 小时前
uniapp+vue3页面滚动加载数据
前端·vue.js·uni-app