<!--
 * @Author: ch
 * @Date: 2022-04-15 16:04:28
 * @LastEditors: ch
 * @LastEditTime: 2022-04-15 16:16:36
 * @Description: file content
-->
<template>
	<view>
		<UiWhiteBox class="cell-box">
			<view class="cell">
				<text class="cell--title">订单编号:</text>
				<text class="cell--value">{{orderInfo.orderNo}}</text>
			</view>
			<view class="cell">
				<text class="cell--title">订单时间:</text>
				<text class="cell--value">{{orderInfo.submitTime}}</text>
			</view>
			<view class="cell">
				<text class="cell--title">支付方式:</text>
				<text class="cell--value">{{orderInfo.payTypeDesc}}</text>
			</view>
			<view class="cell">
				<text class="cell--title">买家留言:</text>
				<text class="cell--value">{{orderInfo.userMessage}}</text>
			</view>
		</UiWhiteBox>

		<UiWhiteBox class="cell-box">
			<view class="cell">
				<text class="cell--title">商品总额:</text>
				<text class="cell--value">{{orderInfo.totalAmount}}</text>
			</view>
			<view class="cell">
				<text class="cell--title">运费:</text>
				<text class="cell--value">{{orderInfo.shippingAmount}}</text>
			</view>
			
		</UiWhiteBox>
	</view>
</template>
<script>
import UiWhiteBox from '@/components/UiWhiteBox.vue';
export default {
	components : {UiWhiteBox},
	props: {
		orderInfo : {
			type : Object,
			default : () => ({})
		}
	}
}
</script>
<style lang="scss" scoped>

.cell-box{
	padding: 30rpx;
}
.cell{
	height: 56rpx;
	line-height: 56rpx;
	display: flex;
	justify-content: space-between;
	&--value{
		font-size: $font-size-sm;
	}
	&--title{
		color: $color-grey4;
		font-size: $font-size-sm;
	}
}
</style>