xuxueyang
2024-07-23 89de2bbaf2e81ab3fa7a8c2aad3b76bc81033d3d
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>
         <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>
      </view>
   </view>
</template>
@@ -87,8 +83,27 @@
   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>