1.6提交

pages_goods/coupon/coupon.vue

@@ -1,6 +1,6 @@
 <template>
 	<view class="coupon-page">
-		<uni-nav-bar
+		<!-- <uni-nav-bar
 			left-icon="left"
 			title="积分券"
 			@clickLeft="goBack"
@@ -9,7 +9,8 @@
 			height="180rpx"
 			:border="false"
 			backgroundColor="#ffffff"
-		/>
+		/> -->
+		<navBar :title="'积分券'" ></navBar>
 
 		<!-- 顶部 tabs -->
 		<view class="tabs">
@@ -43,7 +44,10 @@
                     </view>
 				</view>
 			</view>
-			<view v-else class="empty">暂无数据</view>
+			
+		  <empty v-else></empty>
+			
+			<!-- <view v-else class="empty">暂无数据</view> -->
 		</scroll-view>
 	</view>
 </template>
@@ -52,7 +56,8 @@
 import { ref, computed, onMounted } from 'vue'
 import navTo from '@/utils/navTo.js'
 import api from '@/api/api.js'
-
+import navBar from '@/components/navBar/navBar.vue'
+import empty from '@/components/empty/empty.vue'
 const tabs = [
 	{ label: '未兑换', value: '1' },
 	{ label: '已兑换', value: '2' },
@@ -124,11 +129,24 @@ const formatDate = (seconds) => {
 
 <style scoped>
 .coupon-page{background:#f5f5f5;min-height:100vh}
-.tabs{display:flex;align-items:center;justify-content:space-around;height:88rpx;background:#fff;border-bottom:1px solid #f0f0f0}
+.tabs{
+	position: fixed;
+	top: calc(var(--status-bar-height) + 44px);
+	left: 0;
+	right: 0;
+	z-index: 100;
+	display:flex;align-items:center;justify-content:space-around;height:88rpx;background:#fff;border-bottom:1px solid #f0f0f0}
 .tab-item{flex:1;display:flex;align-items:center;justify-content:center}
 .tab-text{font-size:28rpx;color:#999}
 .tab-item.active .tab-text{color:#8B2316;font-weight:600}
-.list{height:calc(100vh - 88rpx - 180rpx);}
+.list{
+	position: fixed;
+	top: calc(var(--status-bar-height) + 44px + 88rpx);
+	left: 0;
+	right: 0;
+	z-index: 100;
+	height:calc(100vh - var(--status-bar-height) - 44px - 88rpx);
+}
 .card-wrap{padding:24rpx}
 .coupon-card{display:flex;flex-direction: column; background:linear-gradient(90deg,#ff7381, #ff6a7a);border-radius:16rpx;color:#fff;position:relative;margin-bottom:24rpx}
 .coupon-card.gray{background:#e5e5e5;color:#666}