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

前言

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

操作方法

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

照葫芦画瓢,把包npm下来

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

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

照着这个来 # rem-to-px

相关推荐
kinlon.liu20 分钟前
Web应用安全实用建议
前端·网络·网络协议·安全·centos
narukeu24 分钟前
理解 React 的严格模式
前端·javascript·react.js
Bee.Bee.26 分钟前
移动端如何调试本地运行的前端项目
前端
Tech Synapse28 分钟前
java 如何暴露header给前端
java·开发语言·前端
卓卓没头发37 分钟前
掌握Vue插槽:创建灵活且可复用的组件
前端·javascript·vue.js
白臻1 小时前
小程序 npm 支持
前端·小程序·npm
lyllovelemon1 小时前
🍭🍭🍭五分钟带你掌握next国际化最佳实践
前端·react.js·面试
用户4099322502122 小时前
Nuxt框架中内置组件详解及使用指南(三)
前端·vue.js·nuxt.js
化作繁星2 小时前
vue3项目图片压缩+rem+自动重启等plugin使用与打包配置
前端·vue·vite
u0104058362 小时前
构建可扩展的Java Web应用架构
java·前端·架构