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.
67 lines
1.1 KiB
67 lines
1.1 KiB
<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>
|
|
|