Framework7 - Hairlines

描述

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

Hairlines 包含以下规则 −

• :after − 此伪元素用于 bottom 和 right 发际线。

• :before −此伪元素用于 顶部 和 左侧 细线。

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

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

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

.navbar:after {
    display:none;
}

.toolbar:before {
    display:none;
}

"no-border" 类

使用 no-border 类可以移除细线，并且 Navbar、toolbar、card 及其元素均支持该类。

以下代码用于从导航栏移除细线 −

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