feat: 处理viewport兼容全面屏iphone的问题

app/web/component/layout/activity/index.vue

@@ -5,7 +5,7 @@
       <meta name="keywords" :content="keywords">
       <meta name="description" :content="description">
       <meta http-equiv="content-type" content="text/html;charset=utf-8">
-      <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui">
+      <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no,minimal-ui,viewport-fit=cover">
       <link rel="shortcut icon" href="data:image/png;base64" type="image/x-icon" />
       <link rel="dns-prefetch" :href="talosHost" />
       <link rel="preconnect" href="https://appsync.lkbang.net">

app/web/page/activity/view/activity/index.vue

@@ -48,7 +48,6 @@
     .bottomNav{
       box-sizing: content-box;
       width: 100%;
-      height: 55px;
       position: fixed;
       bottom: 0;
       left: 0;
@@ -62,7 +61,7 @@
       justify-content: space-around;
       .navItem{
         width: 62px;
-        height: 100%;
+        height: 55px;
         display: flex;
         justify-content: center;
         flex-direction: column;