unocss

unocss 是一个开发中速度更快的 原子css 库。

直接在模板中用就行了，不需要配置。

html

<template>
	<div class="bg-red-500 text-white">我是红色背景的白色文本</div>
</template>

上述模板将渲染红色背景白色的字。

同时支持属性化模式，即可以用简写。

html

<template>
	<div text="white" bg="red-500">我是红色背景的白色文本</div>
</template>

这在调整边距尺寸以及等方面可以减少代码量。

具体可见 👉 unocss

unocss ​