Skip to content

7
7-Eleven
Commit c3bf944f by 赵雅纹
Options

Merge branch 'feature-zyw-sc' into 'dev_7.1.0' 

Feature zyw sc

See merge request !57
parents 5031e7e4 bc45dce4
Showing with 247 additions and 43 deletions
src/pages/refundDetail/refundDetail.js
...@@ -16,51 +16,24 @@ Page({ ...@@ -16,51 +16,24 @@ Page({
}, },
/** /**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示 * 生命周期函数--监听页面显示
*/ */
onShow: function () { onShow: function () {
}, },
/** copy(e){
* 生命周期函数--监听页面隐藏 console.log(e)
*/ console.log('1111')
onHide: function () { wx.setClipboardData({
//准备复制的数据
}, data: e.currentTarget.dataset.content,
success: function (res) {
/** wx.showToast({
* 生命周期函数--监听页面卸载 title: '复制成功',
*/ icon:'none'
onUnload: function () { });
}
}, });
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
} }
}) })
\ No newline at end of file
src/pages/refundDetail/refundDetail.wxml
<!--pages/refundDetail/refundDetail.wxml--> <!--pages/refundDetail/refundDetail.wxml-->
<view class="page-refund-detail"> <view class="page-refund-detail">
<view> <view class="header-wrap">
<image class="header-bg" src="/assets/imgs/7_1_0/address-line.png"></image>
<view class="refund-status">
<view class="status">待审核</view>
<view class="desc">退款申请已经提交，等待商家处理哦~</view>
</view>
</view>
<view class="pro-wrap">
<view class="pro-header">
<text class="choose-pro">选择商品</text>
<view class="pro-total-price">
退款总金额 <text class="total-price">￥306</text>
</view>
</view>
<view class="pro-list">
<image class="pro-img" src="/assets/imgs/7_1_0/address-line.png"></image>
<view class="pro-info">
<view class="pro-name">商品名称商品名称商品名称商品名称商品名称商品名称商品名称商品名称商品名称商品名</view>
<view class="pro-desc">
规格
</view>
<view class="pro-price">
<text class="price">￥258</text>
<text class="number">x 1</text>
</view>
</view>
</view>
<view class="pro-list">
<image class="pro-img" src="/assets/imgs/7_1_0/address-line.png"></image>
<view class="pro-info">
<view class="pro-name">商品名称商品名称商品名称商品名称商品名称商品名称商品名称商品名称商品名称商品名</view>
<view class="pro-desc">
规格
</view>
<view class="pro-price">
<text class="price">￥258</text>
<text class="number">x 1</text>
</view>
</view>
</view>
</view>
<view class="refund-info">
<view class="refund-item">
<text class="refund-label">退款原因</text>
<text class="refund-desc">物流原因</text>
</view>
<view class="refund-item">
<text class="refund-label">退款时间</text>
<text class="refund-desc">2019</text>
</view>
<view class="refund-item">
<text class="refund-label">退单编号</text>
<text class="refund-desc">物流原因</text>
</view>
<view class="refund-item">
<text class="refund-label">订单编号</text>
<text class="refund-desc">物流原因</text>
</view>
<view class="refund-item">
<text class="refund-label">寄回信息</text>
<text class="refund-desc" selectable="true">物流原因物流原因物流原因物流原因物流原因物流原因物流原因物流原因物流原因物流原因</text>
<view class="copy" bindtap="copy" data-content="物流原因物流原因物流原因物流原因物流原因物流原因物流原因物流原因物流原因物流原因">复制</view>
</view>
<view class="refund-item">
<text class="refund-label">退货凭证</text>
<view class="refund-certificate">
<view class="refund-img">
<image src="/assets/imgs/7_1_0/address-line.png"></image>
</view>
<view class="refund-img">
<image src="/assets/imgs/7_1_0/address-line.png"></image>
</view>
<view class="refund-img">
<image src="/assets/imgs/7_1_0/address-line.png"></image>
</view>
<view class="refund-img">
<image src="/assets/imgs/7_1_0/address-line.png"></image>
</view>
<view class="refund-img">
<image src="/assets/imgs/7_1_0/address-line.png"></image>
</view>
</view>
</view>
</view>
<view class="cancel">
<button class="btn btn-primary btn-lg">撤销退款</button>
</view> </view>
</view> </view>
src/pages/refundDetail/refundDetail.wxss
/* pages/refundDetail/refundDetail.wxss */ /* pages/refundDetail/refundDetail.wxss */
\ No newline at end of file page{
background: #f9f9f9;
padding-bottom: 95rpx;
}
.header-wrap{
position: relative;
width: 750rpx;
height: 180rpx;
}
.header-bg{
width: 750rpx;
height: 180rpx;
position: absolute;
top: 0;
left: 0;
}
.refund-status{
padding: 49rpx 0 0 74rpx;
color: #cb3c3c;
}
.refund-status .status{
font-size: 30rpx;
font-weight: bold;
}
.refund-status .desc{
font-size: 26rpx;
margin-top: 8rpx;
}
.pro-header{
display: flex;
justify-content: space-between;
}
.pro-wrap{
padding: 19rpx 32rpx 0 30rpx;
background-color: #ffffff;
}
.choose-pro{
color: #757575;
font-size: 26rpx;
}
.pro-total-price{
font-size: 26rpx;
color: #333333;
}
.total-price{
color: #cb3c3c;
font-size: 28rpx;
}
.pro-list{
border-bottom: 1px solid rgba(151,151,151,0.3);
padding:31rpx 0 25rpx;
}
.pro-list:last-child{
border-bottom: none;
}
.pro-img{
width: 160rpx;
height: 160rpx;
vertical-align: top;
}
.pro-info{
display: inline-block;
margin-left: 28rpx;
vertical-align: top;
}
.pro-name{
font-size: 25rpx;
color: #333333;
width: 500rpx;
line-height:36rpx;
}
.pro-desc{
font-size: 22rpx;
color: #aaaaaa;
margin-top: 10rpx;
}
.pro-price{
margin-top: 16rpx;
}
.price{
color: #cb3c3c;
font-size: 32rpx;
}
.number{
float: right;
font-size: 26rpx;
color: #808080;
}
.pro-sum{
padding: 0 20rpx 90rpx;
}
.refund-info{
background-color: #ffffff;
margin-top: 22rpx;
padding: 30rpx 27rpx 30rpx 30rpx;
}
.refund-item{
margin-bottom: 38rpx;
}
.refund-label{
color: #757575;
font-size: 26rpx;
vertical-align: text-top;
}
.refund-desc{
font-size: 26rpx;
color: #333333;
margin-left: 30rpx;
display: inline-block;
width: 476rpx;
vertical-align: text-top;
}
.copy{
display: inline-block;
width: 44rpx;
height: 26rpx;
line-height: 26rpx;
border-radius: 3rpx;
border: 1px solid rgba(203, 60, 60, 1);
font-size: 16rpx;
color: #cb3c3c;
text-align: center;
}
.refund-certificate{
display: flex;
}
.refund-img{
margin-top: 30rpx;
margin-right: 12rpx;
}
.refund-img image{
width: 129rpx;
height: 129rpx;
border-radius: 5rpx;
}
.cancel{
position: fixed;
bottom: 0;
left: 0;
width: 750rpx;
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment