hookehuyr

style(profile): 移除多余的flex布局类并简化列表区域样式

1 <template> 1 <template>
2 - <div class="points-page min-h-screen bg-gray-50 flex flex-col"> 2 + <div class="points-page min-h-screen bg-gray-50">
3 <!-- 头部区域 --> 3 <!-- 头部区域 -->
4 <div class="header relative w-full h-48 bg-cover bg-center" :style="{ backgroundImage: `url(${headerBg})` }"> 4 <div class="header relative w-full h-48 bg-cover bg-center" :style="{ backgroundImage: `url(${headerBg})` }">
5 <div class="absolute top-12 left-6"> 5 <div class="absolute top-12 left-6">
...@@ -73,7 +73,7 @@ ...@@ -73,7 +73,7 @@
73 </div> 73 </div>
74 74
75 <!-- 列表区域 --> 75 <!-- 列表区域 -->
76 - <div class="flex-1 overflow-y-auto p-3"> 76 + <div class="p-3">
77 <van-pull-refresh v-model="refreshing" @refresh="onRefresh"> 77 <van-pull-refresh v-model="refreshing" @refresh="onRefresh">
78 <van-list v-model:loading="loading" :finished="finished" finished-text="没有更多了" @load="onLoad"> 78 <van-list v-model:loading="loading" :finished="finished" finished-text="没有更多了" @load="onLoad">
79 <div v-for="item in list" :key="item.id" class="bg-white rounded-xl p-4 mb-3 shadow-sm"> 79 <div v-for="item in list" :key="item.id" class="bg-white rounded-xl p-4 mb-3 shadow-sm">
......