feat: 增加界面

2021-11-25 21:13:38 +08:00
parent 52c1603176
commit 29da9c7746
33 changed files with 1896 additions and 870 deletions
@@ -0,0 +1,34 @@
+<template>
+    <div :class="['safe-area', 'safe-area--'+offset, isFullScreen ? 'full-screen':'small-screen']">
+        <slot></slot>
+    </div>
+</template>
+
+<script>
+export default {
+    name: 'safe-area',
+    props: {
+        offset: {
+            type: String,
+            default: 'bottom'
+        }
+    },
+    data(){
+        return {
+            isFullScreen: this.getHasFullScreen()
+        }
+    }
+};
+</script>
+
+<style scoped>
+.safe-area--bottom{
+    padding-bottom: env(safe-area-inset-bottom);
+}
+.safe-area--top{
+    padding-top: env(safe-area-inset-top);
+}
+.safe-area.small-screen{
+    padding-bottom: .3rem;
+}
+</style>