diff --git a/pages/team/homepage.vue b/pages/team/homepage.vue
index 4a1ba2f..726913e 100644
--- a/pages/team/homepage.vue
+++ b/pages/team/homepage.vue
@@ -1,5 +1,6 @@
 <template>
-  <view v-if="member" class="flex p-15 bg-white shadow-lg">
+  <full-page v-if="member">
+  <view class="flex p-15 bg-white shadow-lg">
     <view class="flex-grow w-0 mr-10 leading-normal">
       <view class="flex items-center">
         <view class="mr-5 flex-shrink-0 text-xl text-dark font-semibold">{{ member.anotherName }}</view>
@@ -62,7 +63,7 @@
       <image :src="qrcode" :show-menu-by-longpress="true" class="h-full w-full"></image>
     </view>
   </view>
-  <view class="safe-bottom-padding"></view>
+  </full-page>
 </template>
 <script setup>
 import { computed, ref, watch } from 'vue';
@@ -73,6 +74,8 @@ import useJob from '@/hooks/useJob';
 import api from '@/utils/api';
 import { toast } from '@/utils/widget';
 
+import FullPage from '@/components/full-page.vue';
+
 const corpId = ref('');
 const userid = ref('');
 const showQrcode = ref(false);
diff --git a/pages/team/team-detail.vue b/pages/team/team-detail.vue
index b861d8c..f29fd1c 100644
--- a/pages/team/team-detail.vue
+++ b/pages/team/team-detail.vue
@@ -1,4 +1,5 @@
 <template>
+	<full-page>
   <view v-if="team" class="p-15">
     <view class="flex items-center">
       <view class="flex-shrink-0 mr-10">
@@ -69,8 +70,8 @@
         </view>
       </view>
     </template>
-    <view class="safe-bottom-padding"></view>
   </view>
+  </full-page>
 </template>
 <script setup>
 import { computed, ref, watch } from 'vue';
@@ -79,6 +80,7 @@ import useJob from '@/hooks/useJob';
 import api from '@/utils/api';
 
 import groupAvatar from '@/components/group-avatar.vue';
+import FullPage from '@/components/full-page.vue';
 
 const corpId = ref('');
 const teamId = ref('');