1

xuxy

2024-07-29 86cc7f51775e595468a9f4f5fd7829e111ee2b76

 pages/home/components/home-price.vue

@@ -6,71 +6,95 @@
      </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="item flex1" v-if="list1[0]&&list1[0].id">
               <view class="title">{{list1[0]&&list1[0].name||''}}</view>
               <view class="price">
                  {{list1[0]&&list1[0].avePrice||''}}
                  {{list1[0]&&list1[0].avePrice||'0'}}
               </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 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||'0'}}%
               </view>
            </view>
            <view class="line"></view>
            <view class="item flex1">
            </view>
            <view class="line" v-if="list1[1]&&list1[1].id"></view>
            <view class="item flex1" v-if="list1[1]&&list1[1].id">
               <view class="title">{{list1[1]&&list1[1].name||''}}</view>
               <view class="price">
                  {{list1[1]&&list1[1].avePrice||''}}
                  {{list1[1]&&list1[1].avePrice||'0'}}
               </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||'0'}}
                  </view>
                  <view class="m-l-a m-r-a text-right">
                     {{list1[1]&&list1[1].avePriceDifferenceRate<0?'':'+'}}{{list1[1]&&list1[1].avePriceDifferenceRate*100||'0'}}%
               </view>
            </view>
            <view class="line"></view>
            <view class="item flex1">
            </view>
            <view class="line" v-if="list1[2]&&list1[2].id"></view>
            <view class="item flex1" v-if="list1[2]&&list1[2].id">
               <view class="title">{{list1[2]&&list1[2].name||''}}</view>
               <view class="price">
                  {{list1[2]&&list1[2].avePrice||''}}
                  {{list1[2]&&list1[2].avePrice||'0'}}
               </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||'0'}}
                  </view>
                  <view class="m-l-a m-r-a text-right">
                     {{list1[2]&&list1[2].avePriceDifferenceRate<0?'':'+'}}{{list1[2]&&list1[2].avePriceDifferenceRate*100||'0'}}%
                  </view>
               </view>
            </view>
         </view>
         <!-- <u-divider></u-divider> -->
         <view class="flex" style="padding-top: 24rpx;" v-if="list2.length>0">
            <view class="item flex1">
               <view class="title">{{list2[0]&&list2[0].name||''}}</view>
            <view class="item flex1" v-if="list2[0]&&list2[0].id">
               <view class="title">{{list2[0]&&list2[0].name||'0'}}</view>
               <view class="price">
                  {{list2[0]&&list2[0].avePrice||''}}
                  {{list2[0]&&list2[0].avePrice||'0'}}
               </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||'0'}}
                  </view>
                  <view class="m-l-a m-r-a text-right">
                     {{list2[0]&&list2[0].avePriceDifferenceRate<0?'':'+'}}{{list2[0]&&list2[0].avePriceDifferenceRate*100||'0'}}%
               </view>
            </view>
            <view class="line"></view>
            <view class="item flex1">
            </view>
            <view class="line" v-if="list2[1]&&list2[1].id"></view>
            <view class="item flex1" v-if="list2[1]&&list2[1].id">
               <view class="title">{{list2[1]&&list2[1].name||''}}</view>
               <view class="price">
                  {{list2[1]&&list2[1].avePrice||''}}
                  {{list2[1]&&list2[1].avePrice||'0'}}
               </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||'0'}}
                  </view>
                  <view class="m-l-a m-r-a text-right">
                     {{list2[1]&&list2[1].avePriceDifferenceRate<0?'':'+'}}{{list2[1]&&list2[1].avePriceDifferenceRate*100||'0'}}%
               </view>
            </view>
            <view class="line"></view>
            <view class="item flex1">
            </view>
            <view class="line" v-if="list2[2]&&list2[2].id"></view>
            <view class="item flex1" v-if="list2[2]&&list2[2].id">
               <view class="title">{{list2[2]&&list2[2].name||''}}</view>
               <view class="price">
                  {{list2[2]&&list2[2].avePrice||''}}
                  {{list2[2]&&list2[2].avePrice||'0'}}
               </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||'0'}}
                  </view>
                  <view class="m-l-a m-r-a text-right">
                     {{list2[2]&&list2[2].avePriceDifferenceRate<0?'':'+'}}{{list2[2]&&list2[2].avePriceDifferenceRate*100||'0'}}%
                  </view>
               </view>
            </view>
         </view>