Border 边框

优质
小牛编辑
134浏览
2023-12-01

我们对边框进行统一规范,可用于按钮、卡片、弹窗等组件里。

边框

我们提供了以下几种边框样式,以供选择。

名称粗细举例
实线1px
虚线2px

圆角

我们提供了以下几种圆角样式,以供选择。

无圆角 border-radius: 0px 小圆角 border-radius: <div class="radius" :style="{ borderRadius: borderRadiusSmall }"

></div>

</el-col> 大圆角 border-radius: <div class="radius" :style="{ borderRadius: borderRadiusBase }"

></div>

</el-col> 圆形圆角 border-radius: 30px </el-col> </el-row>

投影

我们提供了以下几种投影样式,以供选择。

<div class="demo-shadow" :style="{ boxShadow: boxShadowBase }"

</div> 基础投影 box-shadow:

<div class="demo-shadow" :style="{ boxShadow: boxShadowLight }"

</div> 浅色投影 box-shadow: