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.
77 lines
2.0 KiB
77 lines
2.0 KiB
<template> |
|
<view class="page-content bg-main-oil"> |
|
<cu-custom class="main-totextbar bg-main-oil" :isBack="true" bgColor="bg-main-oil"> |
|
<block slot="backText">返回</block> |
|
<block slot="content">星油</block> |
|
</cu-custom> |
|
<view class="margin radius bg-white"> |
|
<view class="qr-container margin padding-xl padding-bottom-xs padding-top"> |
|
<image class="padding-xl padding-bottom-sm" src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1597122816612&di=796a08dc7fbedf19a48c3f9d04089455&imgtype=0&src=http%3A%2F%2Fbpic.588ku.com%2Felement_origin_min_pic%2F01%2F37%2F28%2F39573c44ad6d806.jpg" |
|
mode=""></image> |
|
</view> |
|
<view class="text-center padding-bottom-sm"> |
|
<text class="color-999 font-12">付款码自动 （25s） |
|
<block class="oil-main-color"> |
|
刷新 |
|
</block> |
|
</text> |
|
</view> |
|
<view class="text-center color-000 font-10 margin-bottom"> |
|
提示：将二维码想油站工作人员展示即可加油 |
|
</view> |
|
<view class="padding font-12 solid-top"> |
|
<view class="flex padding-bottom-sm padding-left padding-right"> |
|
<view class="flex-sub"> |
|
<text class="cuIcon-moneybagfill oil-main-color font-16 padding-right-xs"> |
|
|
|
</text> |
|
<text> |
|
星油余额 |
|
</text> |
|
</view> |
|
|
|
<view class="text-right flex-sub oil-main-color"> |
|
￥1.20 |
|
</view> |
|
</view> |
|
<view class="flex padding-left padding-right"> |
|
<view class="flex-sub"> |
|
<text class="cuIcon-infofill color-wjy font-16 padding-right-xs"> |
|
|
|
</text> |
|
<text> |
|
支持油站 |
|
</text> |
|
</view> |
|
|
|
|
|
<text class="text-right flex-sub"> |
|
星油/老吕油站 |
|
</text> |
|
</view> |
|
</view> |
|
</view> |
|
<view class="margin-top-xl padding"> |
|
<button class="bg-white oil-main-color">转入</button> |
|
</view> |
|
</view> |
|
</template> |
|
|
|
<script> |
|
export default { |
|
data() { |
|
return { |
|
|
|
} |
|
}, |
|
methods: { |
|
|
|
} |
|
} |
|
</script> |
|
|
|
<style scoped> |
|
.page-content { |
|
min-height: 100%; |
|
} |
|
</style>
|
|
|