整合api请求、添加购买会员卡页面、登陆页面

gym-manage-uniapp/components/index/PageHeader.vue

@@ -1,5 +1,5 @@
 <template>
-  <view class="tab-page__header">
+  <view class="tab-page__header" :style="{ padding: `${statusBarHeight}rpx`, height: `${statusBarHeight + 80}rpx` }">
     <view v-if="showBack" :class="['tab-page__back-btn', { 'tab-page__back-btn--animate': isAnimating }]" @tap="goBack">
       <text class="tab-page__back-icon">‹</text>
     </view>
@@ -29,8 +29,11 @@ const props = defineProps({
 })
 
 const isAnimating = ref(false)
+const statusBarHeight = ref(20)
 
 onMounted(() => {
+  const sysInfo = uni.getSystemInfoSync()
+  statusBarHeight.value = sysInfo.statusBarHeight || 20
   if (props.showBack) {
     isAnimating.value = true
   }
@@ -49,7 +52,7 @@ function goBack() {
 
 <style lang="scss" scoped>
 .tab-page__header {
-  padding: 48rpx 32rpx 16rpx;
+  padding: 0 32rpx;
   display: flex;
   align-items: center;
   position: relative;
@@ -89,7 +92,7 @@ function goBack() {
   font-size: 36rpx;
   color: $text-dark;
   font-weight: bold;
-  line-height: 1;
+  line-height: 28rpx;
 }
 
 .tab-page__title-wrap {