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.
shop-app/pages/order/saleAfter/saleAfterDetail/components/LogisticsInfo.vue

71 lines
1.6 KiB

3 years ago
<!--
* @Author: ch
* @Date: 2022-04-14 14:19:41
* @LastEditors: ch
* @LastEditTime: 2022-04-14 14:38:30
* @Description: file content
-->
<template>
<UiWhiteBox>
<view class="title">寄件信息</view>
<view class="info">
<view class="info--cell">
<text class="info--cell-label">收货信息</text>
<view class="info--cell-value">
<view>马士兵严选 18911536782</view>
<view>湖南省湖南省湖南省湖南省湖南省</view>
</view>
</view>
<view class="info--cell">
<text class="info--cell-label">物流公司</text>
<view class="info--cell-value">{{data.refundAmount}}</view>
</view>
<view class="info--cell">
<text class="info--cell-label">物流单号</text>
<view class="info--cell-value">{{data.refundNo}}</view>
</view>
<view class="info--cell">
<text class="info--cell-label">备注说明</text>
<view class="info--cell-value">{{data.applyTime}}</view>
</view>
</view>
</UiWhiteBox>
</template>
<script>
import UiWhiteBox from '../../../../../components/UiWhiteBox.vue'
export default {
components: { UiWhiteBox },
props: {
data : {
type : Object,
default : () => ({})
}
}
}
</script>
<style lang="scss" scoped>
.title{
height: 100rpx;
line-height: 100rpx;
padding-left: 30rpx;
border-bottom: 1px solid $color-grey2;
}
.info{
padding: 0 30rpx 10rpx;
&--cell{
margin: 30rpx 0;
display: flex;
justify-content: space-between;
}
&--cell-label{
color: $color-grey4;
font-size: $font-size-sm;
}
&--cell-value{
font-size: $font-size-sm;
color: $color-grey5;
text-align: right;
}
}
</style>