fix(style): background img style for all views

src/mobile/views/AddGroupQRCode.vue

@@ -1,6 +1,8 @@
 <template>
-  <div class="h-full flex flex-col bg-gray-100">
-    <img src="@/assets/mobile/chat-home/background.webp" class="w-100% absolute top-0 z-1" alt="hula" />
+  <div class="flex flex-col overflow-auto h-full relative">
+    <img
+      src="@/assets/mobile/chat-home/background.webp"
+      class="absolute fixed top-0 left-0 w-full h-full z-0 dark:opacity-20" />
 
     <HeaderBar
       :isOfficial="false"

src/mobile/views/friends/ConfirmAddFriend.vue

@@ -1,6 +1,9 @@
 <template>
-  <div class="flex flex-1 flex-col">
-    <img src="@/assets/mobile/chat-home/background.webp" class="w-100% absolute top-0 -z-1" alt="hula" />
+  <div class="flex flex-col overflow-auto h-full relative">
+    <img
+      src="@/assets/mobile/chat-home/background.webp"
+      class="absolute fixed top-0 left-0 w-full h-full z-0 dark:opacity-20" />
+
     <AutoFixHeightPage :show-footer="false">
       <template #header>
         <HeaderBar

src/mobile/views/friends/ConfirmAddGroup.vue

@@ -1,6 +1,9 @@
 <template>
-  <div class="flex flex-1 flex-col">
-    <img src="@/assets/mobile/chat-home/background.webp" class="w-100% absolute top-0 -z-1" alt="hula" />
+  <div class="flex flex-col overflow-auto h-full relative">
+    <img
+      src="@/assets/mobile/chat-home/background.webp"
+      class="absolute fixed top-0 left-0 w-full h-full z-0 dark:opacity-20" />
+
     <AutoFixHeightPage :show-footer="false">
       <template #header>
         <HeaderBar

src/mobile/views/my/MobileSettings.vue

@@ -5,8 +5,10 @@
     </template>
 
     <template #container>
-      <img src="@/assets/mobile/chat-home/background.webp" class="w-100% absolute top-0 -z-1" alt="hula" />
-      <div class="flex flex-col z-1">
+      <div class="flex flex-col overflow-auto h-full">
+        <img
+          src="@/assets/mobile/chat-home/background.webp"
+          class="absolute fixed top-0 left-0 w-100vw h-100vh z-0 dark:opacity-20" />
         <div class="flex flex-col p-20px gap-20px">
           <!-- 设置项 -->
           <div

src/mobile/views/my/SimpleBio.vue

@@ -1,6 +1,9 @@
 <template>
-  <div class="flex flex-1">
-    <img src="@/assets/mobile/chat-home/background.webp" class="w-100% absolute top-0 z-0" alt="hula" />
+  <div class="flex flex-col overflow-auto h-full">
+    <img
+      src="@/assets/mobile/chat-home/background.webp"
+      class="absolute fixed top-0 left-0 w-100vw h-100vh z-0 dark:opacity-20" />
+
     <AutoFixHeightPage :show-footer="false" class="z-1">
       <template #container>
         <div class="z-2 flex flex-col gap-1 overflow-auto h-full">