Framework7 细线
说明
Hairline 是一个使用边框类在图像周围添加 1px 边框的类。随着 1.x 的发布,细线修改了使用
:after 和
:before 伪元素而不是使用 CSS 边框。
细线包含以下规则-
:after-此伪元素用于底部和右侧细线。
:before-此伪元素用于顶部和左侧细线。
以下代码片段展示了
:after 元素的使用。
.navbar:after {
background-color: red;
}
以下代码片段删除底部细线工具栏-
.navbar:after {
display:none;
}
.toolbar:before {
display:none;
}
"no-border" class
使用
no-border类将去除细线,
导航栏、工具栏、卡片及其元素支持。
以下代码用于从导航栏中删除细线-
<div class = "navbar no-border">
...
</div>