caoliancun/LSM_OIL_SITE
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

已对接6个接口

Browse Source 
准备回复订单详情页面
This commit is contained in:
xk_guohonglei
2020-08-22 09:55:17 +08:00
parent 85e6ba710e
commit b68df95618
24 changed files with 4443 additions and 234 deletions
Download Patch File Download Diff File Expand all files Collapse all files

66
pages/stationDetail/stationDetail.vue
View File

@@ -1,12 +1,29 @@
<template>
<view class="content">
<view class="page-content">
<cu-custom class="main-topbar bg-main-oil" :isBack="true" bgColor="bg-main-oil">
<block slot="backText">返回</block>
<block slot="content">中石化紫云路</block>
</cu-custom>
<!-- -->
<view class="my-cell padding-top padding-bottom radius">
<view class="cu-list menu-avatar">
<view class="cu-item margin-sm margin-left margin-right radius">
<view class="cu-avatar round lg" style="background-image:url(https://ossweb-img.qq.com/images/lol/web201310/skin/big10001.jpg);"></view>
<view class="content money-container">
<view class="text-pink">
<view class="text-cut">莫甘娜</view>
</view>
<view class="text-gray text-sm flex">
<view class="text-cut">凯尔，你被自己的光芒变的盲目！</view>
</view>
</view>
<view class="action ">
<view class="text-white money-position padding-left-lg padding-xs bg-main-oil text-lg"><text class="text-xs">余额</text>
￥1599</view>
</view>
</view>
</view>
<view class="my-cell margin-left margin-right padding-top padding-bottom radius">
<view class="strong padding-bottom-xs">
中国石化(紫云路)
</view>
@@ -20,7 +37,7 @@
</view>
</view>
<!-- -->
<view class="padding-top-xs padding-bottom my-bg">
<view class="padding-top-xs margin margin-top-xs margin-bottom-0 padding-bottom radius">
<view class="bg-white padding">
<view class="padding-bottom-sm">
@@ -59,18 +76,18 @@
</view>
</view>
<view class="flex-treble oil-price text-center" @tap="selectRadio">
<view class="strong font-16 oil-main-color">
<!-- <view class="strong font-16 oil-main-color">
￥5.81
</view>
<radio class="red" :class="radio=='A'?'checked':''" :checked="radio=='A'?true:false" value="A"></radio>
<view class="">
老吕油价
</view>
</view> -->
</view>
</view>
</view>
<view class="padding margin-top-xs margin-bottom-xs bg-white">
<view class="padding solid-top bg-white">
<view class="padding-bottom-sm">
油枪选择：
</view>
@@ -81,8 +98,8 @@
</view>
</view>
</view>
<view class="margin-top-xs padding margin-bottom-xs bg-white">
<view class=" shadow-warp ">
<view class="solid-top padding solid-top bg-white">
<view class=" shadow-warp bg-white">
<view class="cu-form-group">
<view class="title">加油升数</view>
<input placeholder="请输入加油升数" name="input"></input>
@@ -96,20 +113,7 @@
</view>
</view>
</view>
</view>
<!-- 底部去支付 -->
<view class="bottom-pay my-bg shadow padding-top">
<view class="flex bg-white padding pay-bar">
<text class="lg cuIcon-qr_code oil-main-color qr-icon padding-right"></text>
<view class="flex-twice pay-desc">
<text>付款码支付</text>
<text class="oil-main-color fr">￥0.00</text>
</view>
<view class="flex-sub text-right">
<button size="mini" class="bg-red">去支付</button>
</view>
</view>
<button class="margin round bg-main-oil">确定</button>
</view>
</view>
</template>
@@ -157,7 +161,7 @@
</script>
<style scoped>
.content {
.page-content {
background-color: #F1F2F7;
min-height: 100%;
position: relative;
@@ -202,4 +206,16 @@
position: absolute;
bottom: 0;
}
.money-container {
position: relative;
}
.money-position {
position: absolute;
top: 0;
right: 0;
display: block;
border-radius: 0 0 0 100upx;
}
</style>