fix(Footer): 修改对话框内容类以调整样式；添加隐藏滚动条的样式混合

src/layouts/components/Footer.vue

@@ -68,7 +68,7 @@ const toggleMoreMenu = () => {
       close-on-content-click
       :scrim="false"
       style="margin-bottom: calc(3.5rem + env(safe-area-inset-bottom))"
-      content-class="elevation-1"
+      content-class="elevation-0"
     >
       <VDivider />
       <VList class="font-bold" lines="one">

src/styles/styles.scss

@@ -14,6 +14,21 @@ html.v-overlay-scroll-blocked {
   }
 }
 
+@mixin hide-scrollbar {
+  scrollbar-width: none;
+  -ms-overflow-style: none;
+  
+  &::-webkit-scrollbar {
+    display: none;
+  }
+}
+
+@media (max-width: 768px) {
+  html,body {
+    @include hide-scrollbar;
+  }
+}
+
 #nprogress .bar {
   background: rgb(var(--v-theme-primary)) !important;
   inset-block-start: env(safe-area-inset-top) !important;