22 changed files with 656 additions and 574 deletions
After Width: | Height: | Size: 2.5 KiB |
After Width: | Height: | Size: 1.7 KiB |
After Width: | Height: | Size: 3.1 KiB |
@ -1,3 +1,4 @@ |
|||
{ |
|||
"usingComponents": {}, |
|||
"navigationBarTitleText": "申请售后" |
|||
} |
@ -0,0 +1,74 @@ |
|||
<!--pages/aftersales/aftersales.wxml--> |
|||
<view class="container"> |
|||
<view class="order_goods"> |
|||
<view class="order_two" wx:for="{{order}}" wx:key="index"> |
|||
<image src="{{item.image}}" class="shopImg" /> |
|||
<view class="order_two_a" bindtap="_goods(item.p_id,item.recycle,item.pluginId)"> |
|||
<view class="order_p_name"> |
|||
{{ item.p_name }} |
|||
</view> |
|||
<view class="price_num"> |
|||
<view class="price"> |
|||
<view class="price_symbol">¥{{item.p_price}}</view> |
|||
</view> |
|||
<view class="color_two">x{{ item.num }}</view> |
|||
</view> |
|||
<view class="color_one">{{ item.size }}</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
|
|||
<view> |
|||
<view class="return_pay" wx:if="{{refund_only_status && orderType!='MS' && orderType!='FX' && orderType!=='IN'}}" bindtap="_uni_navigateTo('refund?refund_type=2&order_details_id=' + order_details_id + '&order_anking=' + order_anking + '&rType=' + rType+'&isbatch='+isbatch)"> |
|||
<view class="return_right"> |
|||
<view class="status"> |
|||
<image class="return_right_img" src="/images/tuikuan.png" /> |
|||
<view>仅退款</view> |
|||
</view> |
|||
<text>未收到货,或与客服协商同意仅退款</text> |
|||
</view> |
|||
<image class="arrow" src="/images/x_right.png" /> |
|||
</view> |
|||
<view class="return_pay" wx:if="{{return_refund_status && orderType!='MS' && orderType!='PM' && orderType!='FX' && orderType!=='IN'}}" bindtap="_uni_navigateTo('refund?refund_type=1&order_details_id=' + order_details_id + '&rType=' + rType+'&isbatch='+isbatch)"> |
|||
<view class="return_right"> |
|||
<view class="status"> |
|||
<image class="return_right_img" src="/images/tuihuo.png" /> |
|||
<view>退货退款</view> |
|||
</view> |
|||
<text>已收到货,需要退还已收到的货物</text> |
|||
</view> |
|||
<image class="arrow" src="/images/x_right.png" /> |
|||
</view> |
|||
<!-- 换货 --> |
|||
<view class="return_pay" wx:if="{{exchange_goods_status}}" bindtap="_uni_navigateTo('refund?refund_type=3&order_details_id=' + order_details_id + '&order_anking=' + order_anking + '&r_status=' + r_status + '&rType=' + rType+'&isbatch='+isbatch)"> |
|||
<view class="return_right"> |
|||
<view class="status"> |
|||
<image class="return_right_img" src="/images/huanhuo.png" /> |
|||
<view>换货</view> |
|||
</view> |
|||
<text>确认收货,需要更换已收到的货物</text> |
|||
</view> |
|||
<image class="arrow" src="/images/x_right.png" /> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<!-- <view class="w100"> |
|||
<view class="p_all">请填写售后信息</view> |
|||
<form bindsubmit="submitReturnData"> |
|||
<view class="p_all01 mt10 bg" bindtap="actionSheetTap"> |
|||
<view class="text"> |
|||
<text class='t_3'>选择售后类型: </text>{{itemList_text}} |
|||
</view> |
|||
</view> |
|||
<view class="p_all01 mt10 bg"> |
|||
<view > |
|||
<textarea class="min_60 inputStyle" auto-height name="remark" placeholder="请填写原因" value="{{remark}}"/> |
|||
</view> |
|||
</view> |
|||
<view class="p_all01 mtt0"> |
|||
<view class="btnGreen"> |
|||
<button style='background:{{bgcolor}};color:#fff;border-radius:5px;' id="btnPay" formType="submit">确定</button> |
|||
</view> |
|||
</view> |
|||
</form> |
|||
</view> --> |
@ -0,0 +1,147 @@ |
|||
/* pages/aftersales/aftersales.wxss */ |
|||
.page{ |
|||
width: 100% |
|||
} |
|||
.container{ |
|||
background-color: #F4F5F6; |
|||
} |
|||
.order_goods{ |
|||
/* border-radius: 0px 0px 24rpx 24rpx; */ |
|||
margin-bottom: 20rpx; |
|||
} |
|||
|
|||
.order_two { |
|||
padding: 30rpx; |
|||
display: flex; |
|||
background-color: #fff; |
|||
margin-right: 0; |
|||
} |
|||
.shopImg{ |
|||
width: 216rpx; |
|||
height: 216rpx; |
|||
border-radius: 16rpx; |
|||
margin-right: 24rpx; |
|||
} |
|||
.order_two_a { |
|||
flex: 1; |
|||
display: flex; |
|||
flex-direction: column; |
|||
justify-content: space-around; |
|||
height: 216rpx; |
|||
} |
|||
.price_num { |
|||
display: flex; |
|||
justify-content: space-between; |
|||
align-items: center; |
|||
font-size: 32rpx; |
|||
color: #FA5151; |
|||
} |
|||
.price_num .price{ |
|||
font-weight: 600; |
|||
} |
|||
.price .price_symbol{ |
|||
font-size: 24rpx; |
|||
} |
|||
.order_p_name { |
|||
text-align: start; |
|||
height: auto; |
|||
margin: 0 0 20rpx 0; |
|||
font-size: 32rpx; |
|||
color: #333333; |
|||
overflow:hidden; |
|||
text-overflow:ellipsis; |
|||
display: -webkit-box; |
|||
-webkit-line-clamp: 2; |
|||
-webkit-box-orient: vertical; |
|||
} |
|||
.color_one{ |
|||
text-align: start; |
|||
max-width: 440rpx; |
|||
white-space: nowrap; |
|||
overflow: hidden; |
|||
text-overflow: ellipsis; |
|||
font-size: 24rpx; |
|||
color: #999999; |
|||
} |
|||
.color_two { |
|||
color: #999999; |
|||
} |
|||
.return_pay { |
|||
display: flex; |
|||
padding: 30rpx; |
|||
background-color: white; |
|||
align-items: center; |
|||
/* border-bottom: 1rpx solid #eee; */ |
|||
} |
|||
.return_right{ |
|||
display: flex; |
|||
flex-direction: column; |
|||
/* justify-content: space-between; */ |
|||
/* align-items: center; */ |
|||
} |
|||
.status{ |
|||
display: flex; |
|||
align-items: center; |
|||
} |
|||
.status view{ |
|||
margin-left: 20rpx; |
|||
font-size: 32rpx; |
|||
color: black; |
|||
} |
|||
.return_right text{ |
|||
margin-top: 10rpx; |
|||
font-size: 28rpx; |
|||
color: #999999; |
|||
} |
|||
.arrow{ |
|||
position: absolute; |
|||
right: 26rpx; |
|||
width: 26rpx; |
|||
height: 26rpx; |
|||
} |
|||
/* |
|||
.return_right>view { |
|||
font-size: 28rpx; |
|||
color: #999999; |
|||
} |
|||
|
|||
.return_right>view { |
|||
justify-content: flex-start; |
|||
font-size: 32rpx; |
|||
color:#333333; |
|||
margin-bottom: 8rpx; |
|||
} |
|||
|
|||
.return_right>div img { |
|||
margin-right: 20rpx; |
|||
} */ |
|||
|
|||
.p_name { |
|||
width: 100%; |
|||
display: -webkit-box; |
|||
-webkit-box-orient: vertical; |
|||
-webkit-line-clamp: 2; |
|||
overflow: hidden; |
|||
} |
|||
|
|||
/* 优化 */ |
|||
.yh-order-two-div { |
|||
margin-right: 40rpx; |
|||
width: 61%; |
|||
} |
|||
|
|||
.yh-line { |
|||
height: 30rpx; |
|||
width: 100%; |
|||
background-color: #eee; |
|||
} |
|||
|
|||
.return_right_img { |
|||
width: 48rpx; |
|||
height: 48rpx; |
|||
} |
|||
.color_one{ |
|||
overflow: hidden; |
|||
text-overflow:ellipsis; |
|||
white-space: nowrap; |
|||
} |
@ -1,4 +1,4 @@ |
|||
// pages/return_goods/index.js
|
|||
// pages/aftersales/index.js
|
|||
var app = getApp(); |
|||
var WXAPI = require('../../utils/server.js'); |
|||
function initSubMenuDisplay() { |
@ -1,3 +1,4 @@ |
|||
{ |
|||
"usingComponents": {}, |
|||
"navigationBarTitleText": "退货管理" |
|||
} |
@ -0,0 +1,333 @@ |
|||
/* pages/aftersales/index.wxss */ |
|||
.swiper-tab{ |
|||
width: 100%; |
|||
border-bottom: 1px solid #eee; |
|||
text-align: center; |
|||
line-height: 80rpx; |
|||
background: #fff; |
|||
position: fixed; |
|||
top: 0; |
|||
z-index: 999; |
|||
} |
|||
.swiper-tab-list{ |
|||
font-size: 12px; |
|||
display: inline-block; |
|||
width: 50%; |
|||
color: #666; |
|||
} |
|||
.on{ |
|||
color: #dd2727; |
|||
border-bottom: 5rpx solid #dd2727; |
|||
} |
|||
.tab_statu{ |
|||
float: right; |
|||
font-size: 13px; |
|||
color: #FF6347; |
|||
} |
|||
.swiper-box{ |
|||
display: block; |
|||
height: 100%; |
|||
width: 100%; |
|||
overflow: hidden; |
|||
} |
|||
|
|||
.clearbutton{ |
|||
background: #fff; |
|||
display: inline-block; |
|||
margin:3% 3% 2% 3%; |
|||
color: #dd2727; |
|||
font-size: 14px; |
|||
width: 94%; |
|||
} |
|||
.shop{ |
|||
background: #fafafa; |
|||
padding: 4%; |
|||
border-bottom:1px solid #eee; |
|||
} |
|||
.shop checkbox{ |
|||
margin-top: 27px; |
|||
} |
|||
.sh_slt{ |
|||
width: 65px; |
|||
height: 65px; |
|||
overflow: hidden; |
|||
margin-right: 4%; |
|||
float: left; |
|||
} |
|||
.sp_text{ |
|||
display:flex; |
|||
line-height: 20px; |
|||
width: 100%; |
|||
text-align: left; |
|||
padding-left:8px; |
|||
} |
|||
.sp_tit{ |
|||
width: 100%; |
|||
overflow: hidden; |
|||
font-size: 12px; |
|||
-webkit-line-clamp:2; |
|||
} |
|||
.sp_neb{ |
|||
width: 100%; |
|||
overflow: hidden; |
|||
font-size: 12px; |
|||
color: #999; |
|||
} |
|||
.sp_jg{ |
|||
width: 30%; |
|||
overflow: hidden; |
|||
font-size: 13px; |
|||
color: #fc0628; |
|||
} |
|||
.guige{ |
|||
font-size:12px; |
|||
color:#808080; |
|||
text-align:right; |
|||
} |
|||
.dle{ |
|||
color: #999; |
|||
font-size: 12px; |
|||
float: right; |
|||
} |
|||
.dle image{ |
|||
width: 18px; |
|||
height: 18px; |
|||
vertical-align: sub; |
|||
} |
|||
.jk_bottom{ |
|||
position: fixed; |
|||
bottom: 0; |
|||
background: #fff; |
|||
width: 100%; |
|||
display: inline-flex; |
|||
border-bottom: 1px solid #eee; |
|||
font-size: 14px; |
|||
color: #999; |
|||
} |
|||
.jk_bottom checkbox{ |
|||
margin: 4% 0 4% 4%; |
|||
} |
|||
.jk_bottom .heji{ |
|||
margin-top: 5.5%; |
|||
width: 30%; |
|||
text-align: right; |
|||
} |
|||
.jk_bottom .all{ |
|||
margin-top: 5.5%; |
|||
padding-left: 2%; |
|||
} |
|||
.jk_bottom .js_button{ |
|||
background: #dd2727; |
|||
float: right; |
|||
color: #fff; |
|||
font-size: 16px; |
|||
text-align: center; |
|||
width: 40%; |
|||
position: absolute; |
|||
right: 0; |
|||
line-height: 50px; |
|||
} |
|||
.c_t60{ |
|||
clear: both; |
|||
height: 1px; |
|||
padding-top: 48px; |
|||
} |
|||
.blue{ |
|||
color: #42b1ff; |
|||
} |
|||
.mr_5{ |
|||
margin-right: 5px; |
|||
} |
|||
.list{ |
|||
border-bottom: 4px solid #eee; |
|||
} |
|||
.top{ |
|||
padding: 2% 4%; |
|||
font-size:12px; |
|||
} |
|||
.sbut{ |
|||
background:#EE7600; |
|||
border-radius: 10px; |
|||
text-align:center; |
|||
color:#fff; |
|||
height:20px; |
|||
margin-top:8px; |
|||
} |
|||
|
|||
.sbutt{ |
|||
background:#EE7600; |
|||
border-radius:10px; |
|||
text-align:center; |
|||
color:#fff; |
|||
height:17px; |
|||
margin:0; |
|||
width:25%; |
|||
font-size:12px; |
|||
} |
|||
|
|||
/*优惠券 */ |
|||
.orderDetails { |
|||
border-bottom: 10px solid #f3f3f3; |
|||
background: #fff; |
|||
} |
|||
.orderListTitle { |
|||
height: 100rpx; |
|||
line-height: 100rpx; |
|||
border-bottom: 1rpx solid #f3f3f3; |
|||
} |
|||
.orderListTitle .userImg { |
|||
float: left; |
|||
width: 70rpx; |
|||
height: 70rpx; |
|||
border-radius: 35rpx; |
|||
margin: 15rpx; |
|||
} |
|||
.orderListTitle .userImg image { |
|||
border-radius: 35rpx; |
|||
width: 100%; |
|||
height: 100%; |
|||
} |
|||
.orderListTitle .userName { |
|||
padding-right: 50rpx; |
|||
background: url(../../../images/member_list_arrow.png) no-repeat 90% center; |
|||
background-size: 35rpx 35rpx; |
|||
} |
|||
.orderListTitle .orderStatus { |
|||
float: right; |
|||
margin-right: 20rpx; |
|||
color: #2f7b27; |
|||
font-size: 34rpx; |
|||
} |
|||
.orderListDetails { |
|||
margin: 10px; |
|||
display: flex; |
|||
height: 200rpx; |
|||
border-bottom: 1rpx solid #f3f3f3; |
|||
border:2px solid #ff4081; |
|||
border-radius: 20rpx; |
|||
} |
|||
.orderListDetails .productImg { |
|||
flex: 1.3; |
|||
height: 217rpx; |
|||
margin-top: 20rpx; |
|||
margin-left: 20rpx; |
|||
} |
|||
.orderListDetails .productImg image { |
|||
width: 100%; |
|||
height: 100%; |
|||
} |
|||
.orderListDetails .productInfo { |
|||
flex: 1.5; |
|||
padding: 20rpx 10rpx; |
|||
text-align: center; |
|||
} |
|||
.productInfo image{ |
|||
width: 82px; |
|||
height: 82px; |
|||
} |
|||
.pr { |
|||
flex: 2.6; |
|||
padding: 0 10rpx; |
|||
line-height: 44rpx; |
|||
} |
|||
.classname { |
|||
font-size: 25rpx; |
|||
color: #ccc; |
|||
} |
|||
.coupon_box{ |
|||
display:flex; |
|||
flex-direction:row; |
|||
justify-content:space-between; |
|||
align-items:center; |
|||
margin-top:5px; |
|||
width:90%; |
|||
margin:10px auto; |
|||
} |
|||
.coupon_left{ |
|||
width: 78%; |
|||
position:relative; |
|||
background: #fff; |
|||
border-radius:5px; |
|||
height:120px; |
|||
line-height:120px; |
|||
} |
|||
.coupon_right{ |
|||
width:22%; |
|||
background:#ff6347; |
|||
position:relative; |
|||
height:120px; |
|||
text-align:center; |
|||
color:#fff; |
|||
border-radius:5px; |
|||
font-size:20px; |
|||
|
|||
} |
|||
.right_y{ |
|||
position:absolute; |
|||
width:25px; |
|||
height:25px; |
|||
border-radius:50%; |
|||
background:#eee; |
|||
top:48px; |
|||
right:-13px; |
|||
|
|||
} |
|||
.right_z{ |
|||
position:absolute; |
|||
width:25px; |
|||
height:25px; |
|||
border-radius:50%; |
|||
background:#eee; |
|||
top:48px; |
|||
left:-13px; |
|||
} |
|||
.gs{ |
|||
display:inline-block; |
|||
font-size:14px; |
|||
color:#666; |
|||
margin-left:10px; |
|||
} |
|||
|
|||
.p_all { |
|||
border-bottom:1px solid #eee; |
|||
} |
|||
.drawer_screen { |
|||
width: 100%; |
|||
height: 100%; |
|||
position: fixed; |
|||
top: 0; |
|||
left: 0; |
|||
background: #000; |
|||
opacity: 0.2; |
|||
overflow: hidden; |
|||
z-index: 1000; |
|||
color: #fff; |
|||
} |
|||
|
|||
.drawer_attr_box { |
|||
width: 100%; |
|||
height: 80%; |
|||
position: fixed; |
|||
bottom: 0; |
|||
left: 0; |
|||
z-index: 2000; |
|||
background: #fff; |
|||
} |
|||
.thxq{ |
|||
padding: 10px; |
|||
font-size: 13px; |
|||
} |
|||
.Withdraw{ |
|||
padding: 10px 0; |
|||
font-size: 13px; |
|||
display:flex; |
|||
height:25px; |
|||
} |
|||
.cash{ |
|||
border-bottom:1px solid #eee; |
|||
width:80%; |
|||
margin:auto; |
|||
} |
|||
.Withdraw view{ |
|||
line-height:25px; |
|||
} |
@ -1,332 +0,0 @@ |
|||
.swiper-tab{ |
|||
width: 100%; |
|||
border-bottom: 1px solid #eee; |
|||
text-align: center; |
|||
line-height: 80rpx; |
|||
background: #fff; |
|||
position: fixed; |
|||
top: 0; |
|||
z-index: 999; |
|||
} |
|||
.swiper-tab-list{ |
|||
font-size: 12px; |
|||
display: inline-block; |
|||
width: 50%; |
|||
color: #666; |
|||
} |
|||
.on{ |
|||
color: #dd2727; |
|||
border-bottom: 5rpx solid #dd2727; |
|||
} |
|||
.tab_statu{ |
|||
float: right; |
|||
font-size: 13px; |
|||
color: #FF6347; |
|||
} |
|||
.swiper-box{ |
|||
display: block; |
|||
height: 100%; |
|||
width: 100%; |
|||
overflow: hidden; |
|||
} |
|||
|
|||
.clearbutton{ |
|||
background: #fff; |
|||
display: inline-block; |
|||
margin:3% 3% 2% 3%; |
|||
color: #dd2727; |
|||
font-size: 14px; |
|||
width: 94%; |
|||
} |
|||
.shop{ |
|||
background: #fafafa; |
|||
padding: 4%; |
|||
border-bottom:1px solid #eee; |
|||
} |
|||
.shop checkbox{ |
|||
margin-top: 27px; |
|||
} |
|||
.sh_slt{ |
|||
width: 65px; |
|||
height: 65px; |
|||
overflow: hidden; |
|||
margin-right: 4%; |
|||
float: left; |
|||
} |
|||
.sp_text{ |
|||
display:flex; |
|||
line-height: 20px; |
|||
width: 100%; |
|||
text-align: left; |
|||
padding-left:8px; |
|||
} |
|||
.sp_tit{ |
|||
width: 100%; |
|||
overflow: hidden; |
|||
font-size: 12px; |
|||
-webkit-line-clamp:2; |
|||
} |
|||
.sp_neb{ |
|||
width: 100%; |
|||
overflow: hidden; |
|||
font-size: 12px; |
|||
color: #999; |
|||
} |
|||
.sp_jg{ |
|||
width: 30%; |
|||
overflow: hidden; |
|||
font-size: 13px; |
|||
color: #fc0628; |
|||
} |
|||
.guige{ |
|||
font-size:12px; |
|||
color:#808080; |
|||
text-align:right; |
|||
} |
|||
.dle{ |
|||
color: #999; |
|||
font-size: 12px; |
|||
float: right; |
|||
} |
|||
.dle image{ |
|||
width: 18px; |
|||
height: 18px; |
|||
vertical-align: sub; |
|||
} |
|||
.jk_bottom{ |
|||
position: fixed; |
|||
bottom: 0; |
|||
background: #fff; |
|||
width: 100%; |
|||
display: inline-flex; |
|||
border-bottom: 1px solid #eee; |
|||
font-size: 14px; |
|||
color: #999; |
|||
} |
|||
.jk_bottom checkbox{ |
|||
margin: 4% 0 4% 4%; |
|||
} |
|||
.jk_bottom .heji{ |
|||
margin-top: 5.5%; |
|||
width: 30%; |
|||
text-align: right; |
|||
} |
|||
.jk_bottom .all{ |
|||
margin-top: 5.5%; |
|||
padding-left: 2%; |
|||
} |
|||
.jk_bottom .js_button{ |
|||
background: #dd2727; |
|||
float: right; |
|||
color: #fff; |
|||
font-size: 16px; |
|||
text-align: center; |
|||
width: 40%; |
|||
position: absolute; |
|||
right: 0; |
|||
line-height: 50px; |
|||
} |
|||
.c_t60{ |
|||
clear: both; |
|||
height: 1px; |
|||
padding-top: 48px; |
|||
} |
|||
.blue{ |
|||
color: #42b1ff; |
|||
} |
|||
.mr_5{ |
|||
margin-right: 5px; |
|||
} |
|||
.list{ |
|||
border-bottom: 4px solid #eee; |
|||
} |
|||
.top{ |
|||
padding: 2% 4%; |
|||
font-size:12px; |
|||
} |
|||
.sbut{ |
|||
background:#EE7600; |
|||
border-radius: 10px; |
|||
text-align:center; |
|||
color:#fff; |
|||
height:20px; |
|||
margin-top:8px; |
|||
} |
|||
|
|||
.sbutt{ |
|||
background:#EE7600; |
|||
border-radius:10px; |
|||
text-align:center; |
|||
color:#fff; |
|||
height:17px; |
|||
margin:0; |
|||
width:25%; |
|||
font-size:12px; |
|||
} |
|||
|
|||
/*优惠券 */ |
|||
.orderDetails { |
|||
border-bottom: 10px solid #f3f3f3; |
|||
background: #fff; |
|||
} |
|||
.orderListTitle { |
|||
height: 100rpx; |
|||
line-height: 100rpx; |
|||
border-bottom: 1rpx solid #f3f3f3; |
|||
} |
|||
.orderListTitle .userImg { |
|||
float: left; |
|||
width: 70rpx; |
|||
height: 70rpx; |
|||
border-radius: 35rpx; |
|||
margin: 15rpx; |
|||
} |
|||
.orderListTitle .userImg image { |
|||
border-radius: 35rpx; |
|||
width: 100%; |
|||
height: 100%; |
|||
} |
|||
.orderListTitle .userName { |
|||
padding-right: 50rpx; |
|||
background: url(../../../images/member_list_arrow.png) no-repeat 90% center; |
|||
background-size: 35rpx 35rpx; |
|||
} |
|||
.orderListTitle .orderStatus { |
|||
float: right; |
|||
margin-right: 20rpx; |
|||
color: #2f7b27; |
|||
font-size: 34rpx; |
|||
} |
|||
.orderListDetails { |
|||
margin: 10px; |
|||
display: flex; |
|||
height: 200rpx; |
|||
border-bottom: 1rpx solid #f3f3f3; |
|||
border:2px solid #ff4081; |
|||
border-radius: 20rpx; |
|||
} |
|||
.orderListDetails .productImg { |
|||
flex: 1.3; |
|||
height: 217rpx; |
|||
margin-top: 20rpx; |
|||
margin-left: 20rpx; |
|||
} |
|||
.orderListDetails .productImg image { |
|||
width: 100%; |
|||
height: 100%; |
|||
} |
|||
.orderListDetails .productInfo { |
|||
flex: 1.5; |
|||
padding: 20rpx 10rpx; |
|||
text-align: center; |
|||
} |
|||
.productInfo image{ |
|||
width: 82px; |
|||
height: 82px; |
|||
} |
|||
.pr { |
|||
flex: 2.6; |
|||
padding: 0 10rpx; |
|||
line-height: 44rpx; |
|||
} |
|||
.classname { |
|||
font-size: 25rpx; |
|||
color: #ccc; |
|||
} |
|||
.coupon_box{ |
|||
display:flex; |
|||
flex-direction:row; |
|||
justify-content:space-between; |
|||
align-items:center; |
|||
margin-top:5px; |
|||
width:90%; |
|||
margin:10px auto; |
|||
} |
|||
.coupon_left{ |
|||
width: 78%; |
|||
position:relative; |
|||
background: #fff; |
|||
border-radius:5px; |
|||
height:120px; |
|||
line-height:120px; |
|||
} |
|||
.coupon_right{ |
|||
width:22%; |
|||
background:#ff6347; |
|||
position:relative; |
|||
height:120px; |
|||
text-align:center; |
|||
color:#fff; |
|||
border-radius:5px; |
|||
font-size:20px; |
|||
|
|||
} |
|||
.right_y{ |
|||
position:absolute; |
|||
width:25px; |
|||
height:25px; |
|||
border-radius:50%; |
|||
background:#eee; |
|||
top:48px; |
|||
right:-13px; |
|||
|
|||
} |
|||
.right_z{ |
|||
position:absolute; |
|||
width:25px; |
|||
height:25px; |
|||
border-radius:50%; |
|||
background:#eee; |
|||
top:48px; |
|||
left:-13px; |
|||
} |
|||
.gs{ |
|||
display:inline-block; |
|||
font-size:14px; |
|||
color:#666; |
|||
margin-left:10px; |
|||
} |
|||
|
|||
.p_all { |
|||
border-bottom:1px solid #eee; |
|||
} |
|||
.drawer_screen { |
|||
width: 100%; |
|||
height: 100%; |
|||
position: fixed; |
|||
top: 0; |
|||
left: 0; |
|||
background: #000; |
|||
opacity: 0.2; |
|||
overflow: hidden; |
|||
z-index: 1000; |
|||
color: #fff; |
|||
} |
|||
|
|||
.drawer_attr_box { |
|||
width: 100%; |
|||
height: 80%; |
|||
position: fixed; |
|||
bottom: 0; |
|||
left: 0; |
|||
z-index: 2000; |
|||
background: #fff; |
|||
} |
|||
.thxq{ |
|||
padding: 10px; |
|||
font-size: 13px; |
|||
} |
|||
.Withdraw{ |
|||
padding: 10px 0; |
|||
font-size: 13px; |
|||
display:flex; |
|||
height:25px; |
|||
} |
|||
.cash{ |
|||
border-bottom:1px solid #eee; |
|||
width:80%; |
|||
margin:auto; |
|||
} |
|||
.Withdraw view{ |
|||
line-height:25px; |
|||
} |
@ -1,20 +0,0 @@ |
|||
<view class="w100"> |
|||
<view class="p_all">请填写售后信息</view> |
|||
<form bindsubmit="submitReturnData"> |
|||
<view class="p_all01 mt10 bg" bindtap="actionSheetTap"> |
|||
<view class="text"> |
|||
<text class='t_3'>选择售后类型: </text>{{itemList_text}} |
|||
</view> |
|||
</view> |
|||
<view class="p_all01 mt10 bg"> |
|||
<view > |
|||
<textarea class="min_60 inputStyle" auto-height name="remark" placeholder="请填写原因" value="{{remark}}"/> |
|||
</view> |
|||
</view> |
|||
<view class="p_all01 mtt0"> |
|||
<view class="btnGreen"> |
|||
<button style='background:{{bgcolor}};color:#fff;border-radius:5px;' id="btnPay" formType="submit">确定</button> |
|||
</view> |
|||
</view> |
|||
</form> |
|||
</view> |
@ -1,65 +0,0 @@ |
|||
.w100{ width: 100%} |
|||
.p_all{ |
|||
background: #fff; |
|||
width: 92%; |
|||
padding:2% 4%; |
|||
color: #666; |
|||
font-size: 14px; |
|||
display: block; |
|||
line-height: 25px; |
|||
} |
|||
.p_all01{ |
|||
width: 92%; |
|||
padding:4%; |
|||
color: #666; |
|||
font-size: 14px; |
|||
display: block; |
|||
line-height: 25px; |
|||
} |
|||
.p_all text{ |
|||
width: 100%; |
|||
display: block; |
|||
} |
|||
.iconWarn{ |
|||
vertical-align:top;padding-right:2px; |
|||
} |
|||
|
|||
.iconClear{ |
|||
float:right; |
|||
padding-top: 5px; |
|||
padding-left: 10px; |
|||
padding-right:10px; |
|||
margin-top:-36px; |
|||
height: 28px; |
|||
} |
|||
|
|||
.inputStyle{ |
|||
height: 36px; |
|||
line-height: 36px; |
|||
padding-left: 2px; |
|||
border:1px solid #ddd; |
|||
border-radius: 3px; |
|||
width: 100%; |
|||
} |
|||
|
|||
.tips{ |
|||
margin-bottom:10px; |
|||
} |
|||
.x_right{ |
|||
width:16px; |
|||
height: 18px; |
|||
display:inline-block; |
|||
vertical-align: middle; |
|||
/* float: right; */ |
|||
} |
|||
.zhifu{ |
|||
background: #fff; |
|||
margin-bottom: 1px; |
|||
padding: 4%; |
|||
width: 92%; |
|||
font-size: 14px; |
|||
color: #666; |
|||
} |
|||
.min_60{ |
|||
min-height: 60px; |
|||
} |
Loading…
Reference in new issue