81 lines
1.4 KiB
Vue
81 lines
1.4 KiB
Vue
<template>
|
|
<view class="flex" >
|
|
<view class="flex-sub">
|
|
|
|
</view>
|
|
<view class="flex-treble text-center">
|
|
<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">
|
|
<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">
|
|
<view class="strong font-16 oil-main-color">
|
|
￥5.81
|
|
</view>
|
|
<view class="radius oil-card-price main-color-border">
|
|
<text class="oil-free">
|
|
省
|
|
</text>
|
|
<text class="free-money">
|
|
七毛
|
|
</text>
|
|
</view>
|
|
<view class="">
|
|
老吕油价
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default{
|
|
name:'PriceList'
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
.oil-card-price {
|
|
max-width: 4rem;
|
|
margin: auto;
|
|
}
|
|
|
|
.free-money {
|
|
color: #FE0505;
|
|
max-width: 3rem;
|
|
font-size: 12px;
|
|
line-height: 12px;
|
|
}
|
|
|
|
.navigation {
|
|
position: absolute;
|
|
right: 16px;
|
|
}
|
|
</style>
|