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.
135 lines
3.0 KiB
135 lines
3.0 KiB
<template>
|
|
<view class="bg">
|
|
<div class="box">
|
|
<view class="box-title">订单详情</view>
|
|
<view class="item">
|
|
<view class="title">下单日期:</view>
|
|
<view class="subtitle">{{detail.a}}</view>
|
|
</view>
|
|
<view class="item">
|
|
<view class="title">订单号:</view>
|
|
<view class="subtitle">{{detail.b}}</view>
|
|
</view>
|
|
</div>
|
|
|
|
<div class="box">
|
|
<view class="box-title" style="text-align: left;">产品信息</view>
|
|
<view class="item">
|
|
<view class="title">产品类型:</view>
|
|
<view class="subtitle">{{detail.c}}</view>
|
|
</view>
|
|
<view class="item">
|
|
<view class="title">产品类型:</view>
|
|
<view class="subtitle">{{detail.d}}</view>
|
|
</view>
|
|
<view class="item">
|
|
<view class="title">产品类型:</view>
|
|
<view class="subtitle">{{detail.e}}</view>
|
|
</view>
|
|
<view class="item">
|
|
<view class="title">产品类型:</view>
|
|
<view class="subtitle">{{detail.f}}</view>
|
|
</view>
|
|
</div>
|
|
|
|
<div class="box">
|
|
<view class="box-title" style="text-align: left;">订单信息</view>
|
|
<view class="item">
|
|
<view class="title">下单日期:</view>
|
|
<view class="subtitle">{{detail.g}}</view>
|
|
</view>
|
|
<view class="item">
|
|
<view class="title">订单号:</view>
|
|
<view class="subtitle">{{detail.h}}</view>
|
|
</view>
|
|
<view class="item">
|
|
<view class="title">订单号:</view>
|
|
<view class="subtitle">{{detail.i}}</view>
|
|
</view>
|
|
<view class="item">
|
|
<view class="title">订单号:</view>
|
|
<view class="subtitle">{{detail.j}}</view>
|
|
</view>
|
|
<view class="item">
|
|
<view class="title">出行人手机号1:</view>
|
|
<view class="subtitle">{{detail.k}}</view>
|
|
</view>
|
|
<view class="item">
|
|
<view class="title">订单号:</view>
|
|
<view class="subtitle">{{detail.l}}</view>
|
|
</view>
|
|
<view class="item">
|
|
<view class="title">订单号:</view>
|
|
<view class="subtitle">{{detail.m}}</view>
|
|
</view>
|
|
</div>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
detail: {
|
|
a: '2024-11-23',
|
|
b: 'JD85212456964232',
|
|
c: '产品类型产品类型产品类型产品类型',
|
|
d: '产品名称产品名称产品名称产品名称 产品名称',
|
|
e: '规格名称规格名称规格名称规格名称',
|
|
f: '800元',
|
|
g: '2',
|
|
h: '1600元',
|
|
i: '2024-11-23',
|
|
j: '于冰',
|
|
k: '15036660000',
|
|
l: '孙宁',
|
|
m: '13188889999',
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.bg {
|
|
min-height: 100vh;
|
|
background: #F5F5F5;
|
|
padding: 50rpx 26rpx;
|
|
}
|
|
|
|
.box {
|
|
padding: 30rpx 26rpx;
|
|
background: #FFFFFF;
|
|
border-radius: 13rpx;
|
|
margin-bottom: 30rpx;
|
|
|
|
.box-title {
|
|
text-align: center;
|
|
font-weight: bold;
|
|
font-size: 32rpx;
|
|
color: #000000;
|
|
}
|
|
|
|
.item {
|
|
margin-top: 20rpx;
|
|
display: flex;
|
|
|
|
.title {
|
|
min-width: 210rpx;
|
|
font-weight: 500;
|
|
font-size: 28rpx;
|
|
color: #000000;
|
|
}
|
|
|
|
.subtitle {
|
|
font-weight: 500;
|
|
font-size: 28rpx;
|
|
color: #646464;
|
|
|
|
span {
|
|
color: #96684F;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</style>
|