fix list style

src/pages/point/PointAccountList.vue

@@ -19,13 +19,13 @@
 			</t-input>
 		</div>
 		<t-pull-down-refresh
-			class="list-wrapper"
 			v-model="isRefreshing"
 			:refresh-timeout="30000"
 			@refresh="reload"
 			@scrolltolower="load"
 		>
-			<t-cell-group v-if="pageResult.list.length" class="list" theme="card">
+			<div class="list-wrap">
+				<t-cell-group v-if="pageResult.list.length" class="list" theme="card">
 					<customer-cell
 						v-entrance-transition="index * 30"
 						v-for="(item, index) in pageResult.list"
@@ -44,8 +44,9 @@
 								v-text="formatPoints(item.balance)" />
 						</template>
 					</customer-cell>
-			</t-cell-group>
+				</t-cell-group>
-			<div class="center-tips" v-text="loadStateText" />
+				<div class="center-tips" v-text="loadStateText" />
+			</div>
 		</t-pull-down-refresh>
 		<customer-selector
 			v-model="selectedCustomerId"
@@ -271,10 +272,15 @@ onMounted(async () => {
 		}
 	}
 
-	.list-wrapper {
+	.list-wrap {
+		gap: 1rem;
+		display: flex;
 		min-height: 70vh;
+		padding-top: 1rem;
+		flex-direction: column;
 
 		.list {
+
 			.item {
 				padding: 10px;
 
@@ -300,13 +306,6 @@ onMounted(async () => {
 			}
 		}
 	}
-
-	.center-tips {
-		color: #52607a;
-		padding: 1rem;
-		font-size: .8125rem;
-		text-align: center;
-	}
 }
 
 :global(html.theme-dark) {