1. WIKI教程
2. 学习Framework7
3. Framework7 - Hairlines( Hairlines)

Framework7 - Hairlines( Hairlines)

描述 (Description)

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

Hairlines包含以下规则 -

• :after - 此伪元素用于bottom和right线。

• :before - 此伪元素用于top和left细线。

以下代码段显示了使用:after元素。

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

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

.navbar:after {
   display:none;
}
.toolbar:before {
   display:none;
}

"no-border" class

将使用no-border类删除细线，并在Navbar, toolbar, card及其元素上支持。

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

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