<template>
|
<view class="home-price">
|
<view class="flex t1">
|
<view>{{today}} 花满芫成交均价</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" v-if="list1[0]&&list1[0].id">
|
<view class="title">{{list1[0]&&list1[0].name||''}}</view>
|
<view class="price">
|
{{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||'0'}}%
|
</view>
|
</view>
|
</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||'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||'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>
|
<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||'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||'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" 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||'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||'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>
|
<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||'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||'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>
|
<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||'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||'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>
|
|
</view>
|
</view>
|
</template>
|
|
<script>
|
export default {
|
data() {
|
return {
|
list1: [],
|
list2: [],
|
today: ''
|
};
|
},
|
async mounted() {
|
this.today = this.$util.toDateSec(new Date())
|
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>
|
|
<style lang="scss">
|
.home-price {
|
margin-top: 20rpx;
|
height: 414rpx;
|
background: #FFFFFF;
|
border-radius: 8rpx;
|
padding: 20rpx;
|
|
.items {
|
.line {
|
height: 104rpx;
|
background-color: #EEEEEE;
|
width: 2rpx;
|
}
|
|
.item {
|
padding: 24rpx 14rpx;
|
|
.title {
|
text-align: center;
|
font-weight: 600;
|
font-size: 24rpx;
|
color: #000000;
|
line-height: 34rpx;
|
}
|
|
.price {
|
font-weight: 600;
|
font-size: 32rpx;
|
color: #BF0000;
|
line-height: 44rpx;
|
text-align: center;
|
margin-top: 8rpx;
|
}
|
|
.desc {
|
font-weight: 400;
|
font-size: 24rpx;
|
color: #666666;
|
line-height: 34rpx;
|
}
|
}
|
}
|
|
.t1 {
|
font-weight: 400;
|
font-size: 24rpx;
|
color: #000000;
|
line-height: 34rpx;
|
padding-bottom: 18rpx;
|
}
|
}
|
</style>
|
