feat(Style): add van-safe-area-bottom util class (#9205)

* feat(Style): add van-safe-area-bottom class

* chore: update test cases
This commit is contained in:
neverland
2021-08-08 09:08:23 +08:00
committed by GitHub
parent 1376c56743
commit eaccf2db0f
38 changed files with 153 additions and 156 deletions
@@ -2,7 +2,7 @@
exports[`should render demo and match snapshot 1`] = `
<div>
<div class="van-tabbar van-tabbar--fixed van-hairline--top-bottom">
<div class="van-tabbar van-tabbar--fixed van-hairline--top-bottom van-safe-area-bottom">
<div class="van-tabbar-item van-tabbar-item--active">
<div class="van-badge__wrapper van-tabbar-item__icon">
<i class="van-badge__wrapper van-icon van-icon-home-o">
@@ -42,7 +42,7 @@ exports[`should render demo and match snapshot 1`] = `
</div>
</div>
<div>
<div class="van-tabbar van-tabbar--fixed van-hairline--top-bottom">
<div class="van-tabbar van-tabbar--fixed van-hairline--top-bottom van-safe-area-bottom">
<div class="van-tabbar-item van-tabbar-item--active">
<div class="van-badge__wrapper van-tabbar-item__icon">
<i class="van-badge__wrapper van-icon van-icon-home-o">
@@ -82,7 +82,7 @@ exports[`should render demo and match snapshot 1`] = `
</div>
</div>
<div>
<div class="van-tabbar van-tabbar--fixed van-hairline--top-bottom">
<div class="van-tabbar van-tabbar--fixed van-hairline--top-bottom van-safe-area-bottom">
<div class="van-tabbar-item van-tabbar-item--active">
<div class="van-badge__wrapper van-tabbar-item__icon">
<i class="van-badge__wrapper van-icon van-icon-home-o">
@@ -130,7 +130,7 @@ exports[`should render demo and match snapshot 1`] = `
</div>
</div>
<div>
<div class="van-tabbar van-tabbar--fixed van-hairline--top-bottom">
<div class="van-tabbar van-tabbar--fixed van-hairline--top-bottom van-safe-area-bottom">
<div class="van-tabbar-item van-tabbar-item--active">
<div class="van-badge__wrapper van-tabbar-item__icon">
<img src="https://img.yzcdn.cn/vant/user-active.png">
@@ -165,7 +165,7 @@ exports[`should render demo and match snapshot 1`] = `
</div>
</div>
<div>
<div class="van-tabbar van-tabbar--fixed van-hairline--top-bottom">
<div class="van-tabbar van-tabbar--fixed van-hairline--top-bottom van-safe-area-bottom">
<div class="van-tabbar-item van-tabbar-item--active"
style="color: rgb(238, 10, 36);"
>
@@ -213,7 +213,7 @@ exports[`should render demo and match snapshot 1`] = `
</div>
</div>
<div>
<div class="van-tabbar van-tabbar--fixed van-hairline--top-bottom">
<div class="van-tabbar van-tabbar--fixed van-hairline--top-bottom van-safe-area-bottom">
<div class="van-tabbar-item van-tabbar-item--active">
<div class="van-badge__wrapper van-tabbar-item__icon">
<i class="van-badge__wrapper van-icon van-icon-home-o">