| | |
| | | <template> |
| | | <view class="home-price"> |
| | | <view class="flex t1"> |
| | | <view>2024-06-03 09:20:19 花满芜成交均价</view> |
| | | <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||''}}</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> |
| | |
| | | export default { |
| | | data() { |
| | | return { |
| | | |
| | | list1: [], |
| | | list2: [], |
| | | }; |
| | | }, |
| | | mounted() { |
| | | |
| | | const { |
| | | data |
| | | } = await this.$http.request('get', '/api/pub/customer/home', { |
| | | 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> |