vue3如何写全局样式

1.新建全局样式文件kanno.scss

在src/assets/style文件夹中新建kanno.scss

.is-required {
    .el-input__wrapper {
        box-sizing: border-box;
        background: rgba(255, 196, 59, 0.1);
    }
 
    .el-input__wrapper:hover {
        // border: 1px solid #3592FF;
    }
}
 
.kanno{
    width: 200px;
    height: 200px;
    color: rgb(99, 18, 250);
    background-color: rgb(38, 226, 0);
}

2.全局引用

在mian.js文件中引入，import "@/assets/styles//kanno.scss";

3.使用全局样式

<div class="kanno">kannodiv>

4.说明

也可以直接在main.css文件中直接引入kanno.scss