Framework7 - 细线

描述

Hairline 是一个使用 border 类在图像周围添加 1px 边框的类。随着 1.x 的发布，hairlines 修改了:after和:before伪元素的使用，而不是使用 CSS 边框。

发际线包含以下规则 -

• :after - 该伪元素用于底部和右侧的发际线。

• :before - 此伪元素用于顶部和左侧发际线。

以下代码片段显示了:after元素的用法。

.navbar:after {
   background-color: red;
}

以下代码片段删除底部细线工具栏 -

.navbar:after {
   display:none;
}

.toolbar:before {
   display:none;
}

“无国界”阶级

发际线将通过使用无边框类来删除，并且在导航栏、工具栏、卡片及其元素上支持。

以下代码用于从导航栏中删除细线 -

<div class = "navbar no-border">
   ...
</div>