1.6提交

pages_goods/myRedemption/myRedemption.vue

@@ -1,7 +1,7 @@
 <template>
 	<view class="page">
-		<uni-nav-bar left-icon="left" title="我的兑换" fixed color="#8B2316" height="180rpx" :border="false" backgroundColor="#ffffff" @clickLeft="goBack" />
-
+		<!-- <uni-nav-bar left-icon="left" title="我的兑换" fixed color="#8B2316" height="180rpx" :border="false" backgroundColor="#ffffff" @clickLeft="goBack" /> -->
+		<navBar :title="'我的兑换'"  />
 		<scroll-view 
 			scroll-y 
 			class="content"
@@ -10,8 +10,9 @@
 			@refresherrefresh="onRefresh"
 			@scrolltolower="onReachBottom"
 			:lower-threshold="80"
-		>
-			<view v-if="!orderList.length" class="empty">暂无兑换记录</view>
+		>     
+		   <empty v-if="!orderList.length" />
+			<!-- <view v-if="!orderList.length" class="empty">暂无兑换记录</view> -->
 			<view v-for="item in orderList" :key="item.uuid" class="card">
 				<view class="row">
 					<text class="label">兑换物品：</text>
@@ -35,6 +36,8 @@
 <script setup>
 import goods_api from '@/api/goods_api'
 import { ref, onMounted } from 'vue'
+import navBar from '@/components/navBar/navBar.vue'
+import empty from '@/components/empty/empty.vue'
 const orderList = ref([])
 const page = ref(1)
 const pageSize = ref(10)
@@ -99,7 +102,7 @@ const goBack = () => uni.navigateBack()
 
 <style scoped>
 .page { min-height: 100vh; background: #fff; }
-.content { position: absolute; top: 180rpx; bottom: 0; left: 0; right: 0; background: #fff; }
+.content { position: absolute; top: calc(var(--status-bar-height) + 44px); bottom: 0; left: 0; right: 0; background: #fff; }
 .card { background: #fff; padding: 24rpx; border-bottom: 16rpx solid #f5f5f5; }
 .row { display: flex; align-items: center; padding: 10rpx 0; }
 .label { color: #333; font-size: 30rpx; width: 180rpx; }