You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
68 lines
1.1 KiB
68 lines
1.1 KiB
2 years ago
|
<template>
|
||
|
|
<view class="flex price-list padding-top-sm ">
|
||
|
|
<view class="flex-sub" v-for="(item,index) in price" :key="index" :class="index<price.length-1?'solid-right':''">
|
||
|
|
<view class="text-left" :class="item.name==='市场价'?'text-right':''">
|
||
|
|
<view class="text-center padding-sm">
|
||
|
|
<view class="strong text-lg" :class="'text-'+item.color">
|
||
|
|
￥{{item.price|numberFliter}}
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="text-sm padding-top-sm">
|
||
|
|
{{item.name}}
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
</view>
|
||
|
|
<view class="flex-sub">
|
||
|
|
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
name: 'PriceList',
|
||
|
|
props: {
|
||
|
|
price: {
|
||
|
|
type: Array,
|
||
|
|
default () {}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
isLast: true
|
||
|
|
}
|
||
|
|
},
|
||
|
|
filters: {
|
||
|
|
numberFliter(value) {
|
||
|
|
value = value - 1 + 1
|
||
|
|
if (value) {
|
||
|
|
return value.toFixed(2)
|
||
|
|
} else {
|
||
|
|
return '0.00'
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style scoped>
|
||
|
|
.oil-card-price {
|
||
|
|
max-width: 4rem;
|
||
|
|
margin: auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
.free-money {
|
||
|
|
max-width: 3rem;
|
||
|
|
font-size: 12px;
|
||
|
|
color: #FE0505;
|
||
|
|
line-height: 12px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.navigation {
|
||
|
|
position: absolute;
|
||
|
|
right: 16px;
|
||
|
|
}
|
||
|
|
</style>
|