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

* feat(Style): add van-safe-area-bottom class * chore: update test cases
2021-08-08 09:08:23 +08:00
parent 1376c56743
commit eaccf2db0f
38 changed files with 153 additions and 156 deletions
@@ -185,11 +185,13 @@ export default defineComponent({
          v-show={props.show}
          ref={popupRef}
          style={style.value}
-          class={bem({
-            round,
-            [position]: position,
-            'safe-area-inset-bottom': safeAreaInsetBottom,
-          })}
+          class={[
+            bem({
+              round,
+              [position]: position,
+            }),
+            { 'van-safe-area-bottom': safeAreaInsetBottom },
+          ]}
          onClick={onClick}
          {...attrs}
        >
@@ -1,5 +1,4 @@
@import './var.less';
-@import '../style/mixins/safe-area.less';

 :root {
  --van-popup-background-color: @popup-background-color;
@@ -79,10 +78,6 @@
      }
    }

-    &--safe-area-inset-bottom {
-      .safe-area-inset-bottom();
-    }
-
    &-slide-top-enter-active,
    &-slide-left-enter-active,
    &-slide-right-enter-active,