样式原子化UnoCSS安装及常用属性规则

492 阅读1分钟

UnoCSS 是一个原子化 CSS 引擎,它根据你的 HTML 和配置文件生成原子化的 CSS 类。在 UnoCSS 中,要将一个元素的宽度设置为 100%,你可以使用相应的原子类。

UnoCSS安装

width宽度设置

1. 正常宽度 width: 10
<div class="w-10"></div>
2. 100%宽度 width: 100%
<div class="w-full"></div>
  • 当设置的 unocss 无法覆盖 element 的样式时
<el-input-number class="w-full" />

image.png

  • 使用 '!' 来表示应用 important
<el-input-number class="w-full!" />