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.
|
|
|
|
<template>
|
|
|
|
|
<view class="user">
|
|
|
|
|
<view class="user-navbar">
|
|
|
|
|
<u-navbar title="退货退款详情" :border-bottom="false" :background="background"></u-navbar>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="user-bd">
|
|
|
|
|
<image :src="picUrl+'/static/news/icon-message-04.png'"></image>
|
|
|
|
|
<view class="p">退款完成</view>
|
|
|
|
|
</view>
|
|
|
|
|
<!-- <view class="user-bd">
|
|
|
|
|
<image src="@/static/news/icon-message-05.png"></image>
|
|
|
|
|
<view class="p">退款中</view>
|
|
|
|
|
</view> -->
|
|
|
|
|
<view class="user-hd">
|
|
|
|
|
<view class="a">退货物流</view>
|
|
|
|
|
<view class="b">顺丰快递 SF234568990<u-icon name="arrow-right"></u-icon></view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
// import img from "@/static/news/refund-bg.png"
|
|
|
|
|
export default {
|
|
|
|
|
data() {
|
|
|
|
|
return {
|
|
|
|
|
checked: true,
|
|
|
|
|
isScroll: true,
|
|
|
|
|
background: {
|
|
|
|
|
background: 'url(https://www.royaum.com.cn/static/news/refund-bg.png) center -44px no-repeat',
|
|
|
|
|
// background: 'url('+ img+') center -44px no-repeat',
|
|
|
|
|
backgroundSize: '100%',
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
onPageScroll(e){
|
|
|
|
|
if(e.scrollTop <= 44){
|
|
|
|
|
this.isScroll = true;
|
|
|
|
|
}else{
|
|
|
|
|
this.isScroll = false;
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
|
|
.user{
|
|
|
|
|
width: 100%;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
&-hd{
|
|
|
|
|
margin-top: 20rpx;
|
|
|
|
|
padding: 0 40rpx;
|
|
|
|
|
line-height: 118rpx;
|
|
|
|
|
background-color: #FFFFFF;
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
.a{
|
|
|
|
|
font-size: 28rpx;
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
color: #292929;
|
|
|
|
|
}
|
|
|
|
|
.b{
|
|
|
|
|
flex: 1;
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
font-size: 28rpx;
|
|
|
|
|
margin-left: 30rpx;
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
color: #484848;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
&-bd{
|
|
|
|
|
height: 350rpx;
|
|
|
|
|
background: linear-gradient(180deg, #FCE2E7 0%, #FFFFFF 100%);
|
|
|
|
|
text-align: center;
|
|
|
|
|
padding-top: 100rpx;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
font-size: 36rpx;
|
|
|
|
|
font-weight: 500;
|
|
|
|
|
color: #262626;
|
|
|
|
|
image{
|
|
|
|
|
width: 110rpx;
|
|
|
|
|
height: 110rpx;
|
|
|
|
|
display: block;
|
|
|
|
|
margin: 0 auto;
|
|
|
|
|
margin-bottom: 35rpx;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</style>
|
