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.
103 lines
1.9 KiB
103 lines
1.9 KiB
<template> |
|
<view class="flex price-list"> |
|
<view class="basis-xs"> |
|
</view> |
|
<view class="solid-right basis-xs" v-for="(item,index) in price" :key="index"> |
|
<view class="text-center"> |
|
|
|
<view class="strong font-16 oil-main-color"> |
|
￥{{item.price|numberFliter}} |
|
</view> |
|
<view class="radius text-center oil-card-price main-color-border"> |
|
<text class="oil-free"> |
|
省 |
|
</text> |
|
<text class="free-money"> |
|
{{item.free|numberFliter}} |
|
</text> |
|
</view> |
|
<view class=""> |
|
星油油价 |
|
</view> |
|
</view> |
|
</view> |
|
<!-- <view class="flex-treble text-center solid-right"> |
|
<view class="strong font-16 color-wjy"> |
|
￥5.81 |
|
</view> |
|
<view class="radius text-center oil-card-price main-color-border border-wjy"> |
|
<text class="oil-free bg-wjy"> |
|
省 |
|
</text> |
|
<text class="free-money color-wjy"> |
|
￥5.81 |
|
</text> |
|
</view> |
|
<view class=""> |
|
万金油价 |
|
</view> |
|
</view> |
|
<view class="flex-treble text-center " :class="isLast?'':'solid-right'"> |
|
<view class="strong font-16 color-lv "> |
|
￥5.81 |
|
</view> |
|
<view class="radius oil-card-price border-lv"> |
|
<text class="oil-free bg-lv"> |
|
省 |
|
</text> |
|
<text class="free-money color-lv"> |
|
七毛 |
|
</text> |
|
</view> |
|
<view class=""> |
|
老吕油价 |
|
</view> |
|
</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>
|
|
|