xuxy
2024-07-27 dcc7b2d14fcbac97fb6d2c8975a3cd93dfbcc458
pages/home/components/home-price.vue
@@ -2,7 +2,7 @@
   <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>
<!--         <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;">
@@ -12,8 +12,8 @@
                  {{list1[0]&&list1[0].avePrice||''}}
               </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 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>
@@ -23,8 +23,8 @@
                  {{list1[1]&&list1[1].avePrice||''}}
               </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 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>
@@ -34,8 +34,8 @@
                  {{list1[2]&&list1[2].avePrice||''}}
               </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 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>
@@ -47,8 +47,8 @@
                  {{list2[0]&&list2[0].avePrice||''}}
               </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 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>
@@ -58,8 +58,8 @@
                  {{list2[1]&&list2[1].avePrice||''}}
               </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 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>
@@ -69,8 +69,8 @@
                  {{list2[2]&&list2[2].avePrice||''}}
               </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 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>
@@ -87,11 +87,11 @@
            list2: [],
         };
      },
      mounted() {
      async mounted() {
         const {
            data
         } = await this.$http.request('get', '/api/pub/customer/home', {
         } = await this.$http.request('get', '/api/pub/customer/home/category/price/ave', {
            size: 6,
         })
         var list = data && data.records || []
@@ -140,6 +140,7 @@
               color: #BF0000;
               line-height: 44rpx;
               text-align: center;
               margin-top: 8rpx;
            }
            .desc {