8.21提交

pages_app/myFlower/myFlower.vue

@@ -1,24 +1,14 @@
 <template>
-	<uni-nav-bar
-		left-icon="left" 
-		title="我的鲜花" 
-		@clickLeft="goBack" 
-		fixed 
-		color="#8B2316" 
-		height="140rpx" 
-		:border="false" 
-		backgroundColor="#eeeeee"
-	/>
 
 	<view class="flower-page">
 		<!-- 顶部统计栏（与截图一致：两项） -->
 		<view class="stats-bar">
 			<view class="stat">
-				<text class="icon">🌸</text>
+				<up-image  :src="flowerImg" width="36rpx" height="36rpx" ></up-image>
 				<text class="num">{{ stat.totalCount }}</text>
 			</view>
 			<view class="stat">
-				<text class="icon">￥</text>
+				<up-image  :src="moneyImg" width="36rpx" height="36rpx" ></up-image>
 				<text class="num">{{ stat.totalAmount.toFixed(2) }}</text>
 			</view>
 		</view>
@@ -42,7 +32,7 @@
 			lower-threshold="80"
 		>
 			<view v-if="records.length === 0" class="empty-wrap">
-				<image class="empty-icon" src="/static/wdfl.png" mode="aspectFit" />
+				<up-image  :src="emptyImg" width="176rpx" height="204rpx" ></up-image>
 				<text class="empty-text">您暂未收到鲜花</text>
 			</view>
 
@@ -60,7 +50,9 @@
 
 <script setup>
 import { ref } from 'vue';
-
+import flowerImg from "@/static/flowers.png"
+import moneyImg from "@/static/mind_totle_money.png"
+import emptyImg from "@/static/icon_empty.png"
 // 与截图一致的顶部两项统计：总鲜花数与累计金额
 const stat = ref({ totalCount: 0, totalAmount: 0.0 });
 
@@ -132,13 +124,16 @@ $card: #ffffff;
 
 .stats-bar {
 	display: flex;
-	justify-content: space-around;
+	
 	align-items: center;
-	padding: 24rpx 0;
+	padding: 24rpx 30rpx;
 	background: #fff;
 	border-bottom: 2rpx solid #eee;
 
 	.stat { display: flex; align-items: center; gap: 16rpx; }
+	.stat:last-child{
+		margin-left: 120px;
+	}
 	.icon { font-size: 34rpx; }
 	.num { font-size: 30rpx; color: #333; }
 }