增加bg，适配mobile

Author: SeRazon

public/images/background13.jpg

@@ -165,8 +165,8 @@ onBeforeUnmount(() => {
     display: flex;
     justify-content: center;
     align-items: center;
-    top: auto;
-    bottom: clamp(96px, 16vh, 140px);
+  top: auto;
+  bottom: calc(env(safe-area-inset-bottom, 0px) + clamp(36px, 12vh, 88px));
     left: 50%;
     margin-left: -28px;
     width: 56px;
@@ -219,7 +219,7 @@ onBeforeUnmount(() => {
       }
     }
     .menu {
-      bottom: clamp(88px, 18vh, 132px);
+  bottom: calc(env(safe-area-inset-bottom, 0px) + clamp(40px, 14vh, 96px));
       margin-left: -28px;
     }
     .f-ter {

public/images/background14.png

@@ -34,7 +34,7 @@ const emit = defineEmits(["loadComplete"]);
 
 // 壁纸随机数
 // 请依据文件夹内的图片个数修改 Math.random() 后面的第一个数字
-const bgRandom = Math.floor(Math.random() * 9 + 1);
+const bgRandom = Math.floor(Math.random() * 16 + 1);
 
 // 更换壁纸链接
 const changeBg = (type) => {

public/images/background15.png

@@ -213,7 +213,7 @@ const policeIconSrc = computed(
 
 @media (max-width: 720px) {
   #footer {
-    bottom: 24px;
+    bottom: 16px;
     padding: 0 20px;
   }
 
@@ -234,7 +234,7 @@ const policeIconSrc = computed(
 
 @media (max-width: 480px) {
   #footer {
-    bottom: 20px;
+    bottom: 12px;
     padding: 0 16px;
   }