From 44dbae4a6ffb73478cd7980f37f1760e9a070c07 Mon Sep 17 00:00:00 2001
From: xuxy <1059738716@qq.com>
Date: 星期日, 28 七月 2024 23:55:21 +0800
Subject: [PATCH] add 帮助富文本等页面

---
 pages/home/components/home-price.vue |   94 +++++++++++++++++++++++++++-------------------
 1 files changed, 55 insertions(+), 39 deletions(-)

diff --git a/pages/home/components/home-price.vue b/pages/home/components/home-price.vue
index 4065062..2ee596c 100644
--- a/pages/home/components/home-price.vue
+++ b/pages/home/components/home-price.vue
@@ -1,84 +1,80 @@
 <template>
 	<view class="home-price">
 		<view class="flex t1">
-			<view>2024-06-03 09:20:19 花满芜成交均价</view>
-			<uni-icons class="m-l-a m-r-0" type="right"></uni-icons>
+			<view>2024-06-03 09:20:19 花满芫成交均价</view>
+<!--			<uni-icons class="m-l-a m-r-0" type="right"></uni-icons>-->
 		</view>
 		<view class="items" style="border-top: 2rpx solid #EEEEEE;">
 			<view class="flex" style="border-bottom: 2rpx solid #EEEEEE;padding-top: 24rpx;">
 				<view class="item flex1">
-					<view class="title">单头玫瑰</view>
+					<view class="title">{{list1[0]&&list1[0].name||''}}</view>
 					<view class="price">
-						19.66
+						{{list1[0]&&list1[0].avePrice||''}}
 					</view>
-					<view class="flex desc">
-						<view class="m-l-a m-r-a">+0.76</view>
-						<view class="m-l-a m-r-a text-right">+4.02%</view>
+					<view class="flex desc" v-if="list1[0]">
+						<view class="m-l-a m-r-a">{{list1[0]&&list1[0].avePriceDifference<0?'':'+'}}{{list1[0]&&list1[0].avePriceDifference||'0'}}</view>
+						<view class="m-l-a m-r-a text-right">{{list1[0]&&list1[0].avePriceDifferenceRate<0?'':'+'}}{{list1[0]&&list1[0].avePriceDifferenceRate*100||''}}%</view>
 					</view>
 				</view>
 				<view class="line"></view>
 				<view class="item flex1">
-					<view class="title">单头玫瑰</view>
+					<view class="title">{{list1[1]&&list1[1].name||''}}</view>
 					<view class="price">
-						19.66
-
+						{{list1[1]&&list1[1].avePrice||''}}
 					</view>
-					<view class="flex desc">
-						<view class="m-l-a m-r-a">+0.76</view>
-						<view class="m-l-a m-r-a text-right">+4.02%</view>
+					<view class="flex desc" v-if="list1[1]">
+						<view class="m-l-a m-r-a">{{list1[1]&&list1[1].avePriceDifference<0?'':'+'}}{{list1[1]&&list1[1].avePriceDifference||''}}</view>
+						<view class="m-l-a m-r-a text-right">{{list1[1]&&list1[1].avePriceDifferenceRate<0?'':'+'}}{{list1[1]&&list1[1].avePriceDifferenceRate*100||''}}%</view>
 					</view>
 				</view>
 				<view class="line"></view>
-				
 				<view class="item flex1">
-					<view class="title">单头玫瑰</view>
+					<view class="title">{{list1[2]&&list1[2].name||''}}</view>
 					<view class="price">
-						19.66
+						{{list1[2]&&list1[2].avePrice||''}}
 					</view>
-					<view class="flex desc">
-						<view class="m-l-a m-r-a">+0.76</view>
-						<view class="m-l-a m-r-a text-right">+4.02%</view>
+					<view class="flex desc" v-if="list1[2]">
+						<view class="m-l-a m-r-a">{{list1[2]&&list1[2].avePriceDifference<0?'':'+'}}{{list1[2]&&list1[2].avePriceDifference||''}}</view>
+						<view class="m-l-a m-r-a text-right">{{list1[2]&&list1[2].avePriceDifferenceRate<0?'':'+'}}{{list1[2]&&list1[2].avePriceDifferenceRate*100||''}}%</view>
 					</view>
 				</view>
 			</view>
 			<!-- <u-divider></u-divider> -->
-			<view class="flex" style="padding-top: 24rpx;">
+			<view class="flex" style="padding-top: 24rpx;" v-if="list2.length>0">
 				<view class="item flex1">
-					<view class="title">单头玫瑰</view>
+					<view class="title">{{list2[0]&&list2[0].name||''}}</view>
 					<view class="price">
-						19.66
+						{{list2[0]&&list2[0].avePrice||''}}
 					</view>
-					<view class="flex desc">
-						<view class="m-l-a m-r-a">+0.76</view>
-						<view class="m-l-a m-r-a text-right">+4.02%</view>
+					<view class="flex desc" v-if="list2[0]">
+						<view class="m-l-a m-r-a">{{list2[0]&&list2[0].avePriceDifference<0?'':'+'}}{{list2[0]&&list2[0].avePriceDifference||''}}</view>
+						<view class="m-l-a m-r-a text-right">{{list2[0]&&list2[0].avePriceDifferenceRate<0?'':'+'}}{{list2[0]&&list2[0].avePriceDifferenceRate*100||''}}%</view>
 					</view>
 				</view>
 				<view class="line"></view>
 				<view class="item flex1">
-					<view class="title">单头玫瑰</view>
+					<view class="title">{{list2[1]&&list2[1].name||''}}</view>
 					<view class="price">
-						19.66
-			
+						{{list2[1]&&list2[1].avePrice||''}}
 					</view>
-					<view class="flex desc">
-						<view class="m-l-a m-r-a">+0.76</view>
-						<view class="m-l-a m-r-a text-right">+4.02%</view>
+					<view class="flex desc" v-if="list2[1]">
+						<view class="m-l-a m-r-a">{{list2[1]&&list2[1].avePriceDifference<0?'':'+'}}{{list2[1]&&list2[1].avePriceDifference||''}}</view>
+						<view class="m-l-a m-r-a text-right">{{list2[1]&&list2[1].avePriceDifferenceRate<0?'':'+'}}{{list2[1]&&list2[1].avePriceDifferenceRate*100||''}}%</view>
 					</view>
 				</view>
 				<view class="line"></view>
-				
 				<view class="item flex1">
-					<view class="title">单头玫瑰</view>
+					<view class="title">{{list2[2]&&list2[2].name||''}}</view>
 					<view class="price">
-						19.66
+						{{list2[2]&&list2[2].avePrice||''}}
 					</view>
-					<view class="flex desc">
-						<view class="m-l-a m-r-a">+0.76</view>
-						<view class="m-l-a m-r-a text-right">+4.02%</view>
+					<view class="flex desc" v-if="list2[2]">
+						<view class="m-l-a m-r-a">{{list2[2]&&list2[2].avePriceDifference<0?'':'+'}}{{list2[2]&&list2[2].avePriceDifference||''}}</view>
+						<view class="m-l-a m-r-a text-right">{{list2[2]&&list2[2].avePriceDifferenceRate<0?'':'+'}}{{list2[2]&&list2[2].avePriceDifferenceRate*100||''}}%</view>
 					</view>
 				</view>
 			</view>
-			
+
 		</view>
 	</view>
 </template>
@@ -87,8 +83,27 @@
 	export default {
 		data() {
 			return {
-
+				list1: [],
+				list2: [],
 			};
+		},
+		async mounted() {
+
+			const {
+				data
+			} = await this.$http.request('get', '/api/pub/customer/home/category/price/ave', {
+				size: 6,
+			})
+			var list = data && data.records || []
+			this.list1 = []
+			this.list2 = []
+			for (var i = 0; i < list.length && i < 3; i++) {
+				this.list1.push(list[i])
+			}
+			for (var i = 3; i < list.length && i < 6; i++) {
+				this.list2.push(list[i])
+			}
+			
 		}
 	}
 </script>
@@ -125,6 +140,7 @@
 					color: #BF0000;
 					line-height: 44rpx;
 					text-align: center;
+					margin-top: 8rpx;
 				}
 
 				.desc {

--
Gitblit v1.9.3