Prechádzať zdrojové kódy

fix(schedule): wrap tab page action bar with CapsuleSafeArea

xuyunhui 1 týždeň pred
rodič
commit
0b5c8dde9a
1 zmenil súbory, kde vykonal 12 pridanie a 9 odobranie
  1. 12 9
      src/components/dispatch/ScheduleView.vue

+ 12 - 9
src/components/dispatch/ScheduleView.vue

@@ -19,16 +19,18 @@
     <!-- tab 页面专用操作栏 -->
     <view v-if="!showTopBar" class="bg-white px-4 py-3 flex items-center justify-between border-b border-gray-100">
       <text class="text-base font-semibold text-gray-800">排班管理</text>
-      <view class="flex items-center gap-3">
-        <view class="text-sm text-blue-500 flex items-center" @click="goToToday">
-          <text class="uni-icons uniui-calendar-filled mr-1"></text>
-          今天
-        </view>
-        <view class="text-blue-500 text-sm flex items-center" @click="addSchedule">
-          <text class="uni-icons uniui-plusempty mr-1"></text>
-          新增排班
+      <CapsuleSafeArea>
+        <view class="flex items-center gap-3">
+          <view class="text-sm text-blue-500 flex items-center" @click="goToToday">
+            <text class="uni-icons uniui-calendar-filled mr-1"></text>
+            今天
+          </view>
+          <view class="text-blue-500 text-sm flex items-center" @click="addSchedule">
+            <text class="uni-icons uniui-plusempty mr-1"></text>
+            新增排班
+          </view>
         </view>
-      </view>
+      </CapsuleSafeArea>
     </view>
 
     <!-- 月份切换 -->
@@ -197,6 +199,7 @@
 import { ref, computed, onMounted, watch } from 'vue'
 import StatusBar from '../common/StatusBar.vue'
 import TopBar from '../common/TopBar.vue'
+import CapsuleSafeArea from '../common/CapsuleSafeArea.vue'
 import EmptyState from '../common/EmptyState.vue'
 import UniList from '../uni-list/uni-list.vue'
 import UniListItem from '../uni-list/uni-list-item.vue'