智加文档 | 智加文档

On this page

VUE3脚手架中集成了css原子化的unocss工具，一些简单的css样式，可以直接通过配置class类名进行实现

unocss说明

unocss大致使用

脚手架默认不支持以属性的方式进行配置，只支持类名配置，如果个人开发需要，可自行参考官方文档进行配置

html

<div class="m-t-10px flex flex-col b-1 b-solid b-red"></div>

<!--以上的class类名会解析成如下的css-->
<style>
    div {
        margin-top: 10px;
        display: flex;
        flex-flow: column;
        border: 1px solid red;
    }
</style>