Border 边框
优质
小牛编辑
129浏览
2023-12-01
Border 边框
我们对边框进行统一规范,可用于按钮、卡片、弹窗等组件里。
边框
我们提供了以下几种边框样式,以供选择。
名称 | 粗细 | 举例 |
实线 | 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: