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

前言

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

操作方法

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

照葫芦画瓢,把包npm下来

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

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

照着这个来 # rem-to-px

相关推荐
拉不动的猪13 分钟前
刷刷题40(vue中计算属性不能异步,如何实现异步)
前端·javascript·vue.js
冴羽yayujs24 分钟前
SvelteKit 最新中文文档教程(6)—— 状态管理
前端·javascript·vue.js·前端框架·react·svelte·sveltekit
FFF-X29 分钟前
Uni-App 双栏联动滚动组件开发详解 (电梯导航)
uni-app
烛阴31 分钟前
前端进阶必学:JavaScript Class 的正确打开方式,让你代码更清晰!
前端·javascript
-耿瑞-37 分钟前
HTML 写一个计算器
css·html·css3
乐闻x38 分钟前
如何创建HTML自定义元素:使用 Web Component 的最佳实践
前端·html·web component
ai产品老杨39 分钟前
全流程数字化管理的智慧物流开源了。
前端·javascript·vue.js·人工智能·安全
波点兔42 分钟前
【简单有效!】Gradio利用html插件实现video视频流循环播放
前端·html·gradio
烂蜻蜓44 分钟前
全面解析 HTML 标签:简写与全称及其应用
前端·css·html·html5
肉肉不吃 肉1 小时前
axios 和 fetch异同点
前端