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.
85 lines
1.5 KiB
85 lines
1.5 KiB
<template> |
|
<view class="flex price-list"> |
|
<view class="flex-sub"> |
|
|
|
</view> |
|
<view class="flex-treble text-center solid-right"> |
|
<view class="strong font-16 oil-main-color"> |
|
￥5.81 |
|
</view> |
|
<view class="radius text-center oil-card-price main-color-border"> |
|
<text class="oil-free"> |
|
省 |
|
</text> |
|
<text class="free-money"> |
|
七毛 |
|
</text> |
|
</view> |
|
<view class=""> |
|
星油油价 |
|
</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', |
|
data() { |
|
return { |
|
isLast: true |
|
} |
|
}, |
|
} |
|
</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>
|
|
|