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.
 
 
 
 
 
 
yanzong_qianduan/pages/order/refund/refundTips.vue

116 lines
2.4 KiB

<template>
<view class="fright">
<view class="park-navbar">
<u-navbar title="退货退款详情" :border-bottom="false" back-icon-color='#000000' title-color="#000000"></u-navbar>
</view>
<view class="fright-hd">
<image class="img" src="/static/daichu.png" mode="aspectFit"></image>
<view class="title">退款中</view>
</view>
<view class="boer">
</view>
<view class="wuliu">
<view class="wuliu-name">
退货物流<text>顺丰快递 SF234568990</text>
</view>
<u-icon name="arrow-right" color="#B7B7B7" size="30"></u-icon>
</view>
</view>
</template>
<script>
export default {
data() {
return {
orderId: '',
order: '',
deliveryStatus: '',
receiptStatus: '',
};
},
onLoad(op) {
console.log(op)
this.orderId = op.orderId;
this.order = op.order ? JSON.parse(op.order) : ''
this.deliveryStatus = op.deliveryStatus;
this.receiptStatus = op.receiptStatus
},
methods: {
openPage() {
uni.navigateTo({
url: '/pages/order/refund/refund?orderId=' + this.orderId + '&order=' + JSON.stringify(this
.order) +
"&deliveryStatus=" + this.deliveryStatus + '&receiptStatus=' + this.deliveryStatus
})
},
}
}
</script>
<style lang="scss" scoped>
::v-deep .u-navbar-fixed {
background: none !important;
}
.fright {
overflow: hidden;
background: linear-gradient(180deg, #FFE0E0 0%, #FFFFFF 70%);
.boer {
height: 12rpx;
width: 100%;
background: #F7F8FA;
}
.wuliu {
height: 118rpx;
background: #FFFFFF;
margin-top: 12rpx;
margin: 0 45rpx;
display: flex;
justify-content: space-between;
align-items: center;
.wuliu-name{
font-family: PingFang SC, PingFang SC;
font-weight: 400;
font-size: 28rpx;
color: #292929;
text-align: left;
font-style: normal;
text-transform: none;
text{
color: #484848;
margin-left: 50rpx;
}
}
}
&-hd {
padding: 50rpx 0 70rpx 0;
box-sizing: border-box;
margin-top: 12rpx;
border-radius: 0px 0px 0px 0px;
height: 310rpx;
.img {
display: block;
width: 131rpx;
height: 131rpx;
margin: auto;
}
.title {
font-family: PingFang SC, PingFang SC;
font-weight: 500;
font-size: 36rpx;
color: #262626;
text-align: left;
font-style: normal;
text-transform: none;
text-align: center;
margin-top: 15rpx;
}
}
}
</style>