57 changed files with 752 additions and 1879 deletions
@ -1,62 +1,61 @@ |
|||
<view class="body" wx:if="{{remind}}"> |
|||
<view class='zong'> |
|||
<view class="spinner" > |
|||
<view class="spinner-container container1"> |
|||
<view class="circle1"></view> |
|||
<view class="circle2"></view> |
|||
<view class="circle3"></view> |
|||
<view class="circle4"></view> |
|||
</view> |
|||
<view class="spinner-container container2"> |
|||
<view class="circle1"></view> |
|||
<view class="circle2"></view> |
|||
<view class="circle3"></view> |
|||
<view class="circle4"></view> |
|||
</view> |
|||
<view class="spinner-container container3"> |
|||
<view class="circle1"></view> |
|||
<view class="circle2"></view> |
|||
<view class="circle3"></view> |
|||
<view class="circle4"></view> |
|||
</view> |
|||
</view> |
|||
<view class='zong'> |
|||
<view class="spinner"> |
|||
<view class="spinner-container container1"> |
|||
<view class="circle1"></view> |
|||
<view class="circle2"></view> |
|||
<view class="circle3"></view> |
|||
<view class="circle4"></view> |
|||
</view> |
|||
<view class="spinner-container container2"> |
|||
<view class="circle1"></view> |
|||
<view class="circle2"></view> |
|||
<view class="circle3"></view> |
|||
<view class="circle4"></view> |
|||
</view> |
|||
<view class="spinner-container container3"> |
|||
<view class="circle1"></view> |
|||
<view class="circle2"></view> |
|||
<view class="circle3"></view> |
|||
<view class="circle4"></view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<!-- 加载页面结束 --> |
|||
<block wx:else> |
|||
<view wx:if="{{res}}" class='body_1'> |
|||
|
|||
<view class='logInf'> |
|||
<view class='view1'> |
|||
<text class='text1'>物流公司:</text> |
|||
<text class='text2'>{{res.name}}</text> |
|||
</view> |
|||
<view class='view1'> |
|||
<text class='text1'>物流单号:</text> |
|||
<text class='text2'>{{res.courier_num}}</text> |
|||
<view wx:if="{{wuliu}}" class='logistics'> |
|||
<view class='logInf'> |
|||
<view class='view1'> |
|||
<text class='text1'>物流公司:</text> |
|||
<text class='text2'>{{wuliu.kuaidi_name}}</text> |
|||
</view> |
|||
<view class='view1'> |
|||
<text class='text1'>物流单号:</text> |
|||
<text class='text2'>{{wuliu.courier_num}}</text> |
|||
</view> |
|||
<text bindtap="copyText" data-text="{{wuliu.courier_num}}" class='copy'>复制</text> |
|||
</view> |
|||
<view class='fillline'></view> |
|||
<scroll-view class='list-table' scroll-y="true"> |
|||
<block wx:if="{{wuliuList.length > 0}}"> |
|||
<view class='list-cell' wx:for="{{wuliuList}}" wx:key="index"> |
|||
<view class='dot {{index==0?"in":"no_in"}}'></view> |
|||
<view class="line" wx:if="{{index==wuliuList.length-1}}" hidden="{{true}}"></view> |
|||
<view class="line" wx:else hidden="{{false}}"></view> |
|||
<!-- <view class="line" style="background-color:{{index==wuliuList.length-1?'red':'blue'}}"></view> --> |
|||
<view class='logistics_centent' style="color:{{index==0?'#FA5151':'#9d9d9d'}};"> |
|||
<view class='centent'>{{item.context}}</view> |
|||
<text>{{item.time}}</text> |
|||
</view> |
|||
<text bindtap="copyText" data-text="{{res.courier_num}}" class='copy'>复制</text> |
|||
</view> |
|||
|
|||
<view class='br'></view> |
|||
<scroll-view scroll-y="true" style="height: 80%;width: 95%;"> |
|||
<block wx:for="{{wuliu}}" wx:key="index"> |
|||
<view class='order'> |
|||
<view class='icon {{0==index?"in":"no_in"}}'></view> |
|||
<view class='logistics_centent page_clu' > |
|||
<text style='line-height: 30rpx;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 2; '>{{item.context}}</text> |
|||
<text>{{item.time}}</text> |
|||
</view> |
|||
<view class='on'></view> |
|||
</view> |
|||
</block> |
|||
<view class='icon no_in'></view> |
|||
</scroll-view> |
|||
</view> |
|||
<block wx:else> |
|||
<view class='body_1' style='text-align:center;'> |
|||
<view style='margin-top:25%;' class='iconfont icon-xiaoxiwuliufill'></view> |
|||
<text style='color:#515151;'>没有查询到物流信息</text> |
|||
</view> |
|||
</block> |
|||
</block> |
|||
</scroll-view> |
|||
</view> |
|||
<block wx:else> |
|||
<view class='logistics' style='text-align:center;'> |
|||
<view style='margin-top:25%;' class='iconfont icon-xiaoxiwuliufill'></view> |
|||
<text style='color:#515151;'>没有查询到物流信息</text> |
|||
</view> |
|||
</block> |
|||
</block> |
@ -1,3 +1,4 @@ |
|||
{ |
|||
"usingComponents": {}, |
|||
"navigationBarTitleText": "我的订单" |
|||
} |
@ -1,359 +1,62 @@ |
|||
<view class="body" wx:if="{{remind}}"> |
|||
<view class='zong'> |
|||
<view class="spinner"> |
|||
<view class="spinner-container container1"> |
|||
<view class="circle1"></view> |
|||
<view class="circle2"></view> |
|||
<view class="circle3"></view> |
|||
<view class="circle4"></view> |
|||
</view> |
|||
<view class="spinner-container container2"> |
|||
<view class="circle1"></view> |
|||
<view class="circle2"></view> |
|||
<view class="circle3"></view> |
|||
<view class="circle4"></view> |
|||
</view> |
|||
<view class="spinner-container container3"> |
|||
<view class="circle1"></view> |
|||
<view class="circle2"></view> |
|||
<view class="circle3"></view> |
|||
<view class="circle4"></view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<!-- 加载页面结束 --> |
|||
<block wx:else> |
|||
<view class="swiper-tab"> |
|||
<view class="sorting-list{{!chioceSorting?' chioce-list-hide':' chioce-list-show'}}" style='border:1px solid {{bgcolor}};'> |
|||
<view class='noe' style='border-color:transparent transparent {{bgcolor}} transparent;'></view> |
|||
<view wx:for="{{sortingList}}" wx:key="key" catchtap="selectSorting" data-index="{{index}}" data-me="{{item.value}}" data-otype="{{item.otype}}" class="sorting-item {{item.value == activeSortingName ? 'xzbg':''}}" style="background:{{item.value == activeSortingName ? bgcolor:''}};{{index == sortingList.length-1 ? 'border-bottom:0;':''}}" |
|||
hover-class="click-once">{{item.value}}</view> |
|||
<!--pages/order/order.wxml--> |
|||
<view class="container"> |
|||
|
|||
<view class="tab-view"> |
|||
<view class="tab-item{{currentIndex==idx?'Active':''}}" wx:key="key" wx:for="{{navTab}}" wx:for-index="idx" wx:for-item="item" data-idx='{{idx}}' data-item='{{item}}' bindtap="switchTab">{{item.type}} |
|||
<view class="tab-line{{currentIndex==idx?'Active':''}}"></view> |
|||
<text class="tab-badge" hidden="{{item.num == 0}}">{{item.num}}</text> |
|||
</view> |
|||
<!-- 下拉菜单 --> |
|||
<!-- <view class="swiper-tab-list phone_personal {{currentTab==0 ? 'on' : ''}} " hover-class="click-once-opaque" bindtap="clickPerson"> |
|||
{{activeSortingName}} |
|||
<text class='icon iconfont {{sortingChioceIcon}}'></text> |
|||
</view> --> |
|||
<view class="swiper-tab-list phone_personal {{currentTab==0 ? 'on' : ''}} " data-otype="" bindtap="swichNav">全部订单</view> |
|||
<!-- </view> --> |
|||
<view class="swiper-tab-list {{currentTab==1 ? 'on' : ''}}" data-current="1" data-otype="payment" bindtap="swichNav">待付款</view> |
|||
<view class="swiper-tab-list {{currentTab==2 ? 'on' : ''}}" data-current="2" data-otype="send" bindtap="swichNav">待发货</view> |
|||
<view class="swiper-tab-list {{currentTab==3 ? 'on' : ''}}" data-current="3" data-otype="receipt" bindtap="swichNav">待收货</view> |
|||
<view class="swiper-tab-list {{currentTab==4 ? 'on' : ''}}" data-current="4" data-otype="evaluate" bindtap="swichNav">待评价</view> |
|||
</view> |
|||
<view class="c_t60"></view> |
|||
<swiper current="{{currentTab}}" class="swiper-box" duration="300" bindchange="bindChange"> |
|||
<!-- 全部订单 --> |
|||
<swiper-item> |
|||
<scroll-view scroll-y="true" style="height:100%;background:#fafafa;"> |
|||
<view class="search_no" wx:if="{{!ordert0.length}}"> |
|||
<view class="font_14"> |
|||
<image class="scimg" src="/images/kdd.png"></image> |
|||
</view> |
|||
<text>没有可用订单/(ㄒoㄒ)/~~</text> |
|||
</view> |
|||
<view class='tab_tab' wx:for="{{ordert0}}" wx:key="key"> |
|||
<navigator url="../order/detail?orderId={{item.id}}"> |
|||
<view class="top"> |
|||
<view> |
|||
订单号:{{item.sNo}} |
|||
<!-- 除拼团订单的状态 --> |
|||
<block wx:if="{{item.pid ==''}}"> |
|||
<view class='tab_statu' wx:if="{{item.status == 0}}">等待买家付款</view> |
|||
<view class='tab_statu' wx:if="{{item.status == 1}}">等待卖家发货</view> |
|||
<view class='tab_statu' wx:if="{{item.status == 2}}">等待买家收货</view> |
|||
<view class='tab_statu' wx:if="{{item.status == 3}}">等待买家评价</view> |
|||
<view class='tab_statu' wx:if="{{item.status == 4}}">退货中</view> |
|||
<view class='tab_statu' wx:if="{{item.status == 5}}">交易成功</view> |
|||
<view class='tab_statu' wx:if="{{item.status == 6}}">订单关闭</view> |
|||
</block> |
|||
<!-- 拼团订单的状态 --> |
|||
<block wx:if="{{item.pid > 0}}"> |
|||
<view class='tab_statu' wx:if="{{item.status == 0}}">待付款</view> |
|||
<view class='tab_statu' wx:if="{{item.status == 9}}">拼团中-待成团</view> |
|||
<view class='tab_statu' wx:if="{{item.status == 1}}">拼团成功-待发货</view> |
|||
<view class='tab_statu' wx:if="{{item.status == 2}}">拼团成功-已发货</view> |
|||
<view class='tab_statu' wx:if="{{item.status == 3}}">拼团成功-已签收</view> |
|||
<view class='tab_statu' wx:if="{{item.status == 5}}">拼团成功-已评价</view> |
|||
<view class='tab_statu' wx:if="{{item.status == 10}}">拼团失败-未退款</view> |
|||
<view class='tab_statu' wx:if="{{item.status == 11}}">拼团失败-已退款</view> |
|||
</block> |
|||
</view> |
|||
</view> |
|||
<view> |
|||
<view class="shop df" wx:for="{{item.list}}" wx:for-item="list" wx:key="id"> |
|||
<view> |
|||
<image class="sh_slt" src="{{list.imgurl}}"></image> |
|||
</view> |
|||
<view class="sp_text"> |
|||
<view style='width:70%;'> |
|||
<view class="sp_tit ovh1" style="color: #000;">{{list.p_name}}</view> |
|||
<view class="sp_tit ovh1" style='color:#808080'> [{{list.size}}]</view> |
|||
</view> |
|||
<view class="sp_jg"> |
|||
<view class='guige'>¥ {{list.p_price}}</view> |
|||
<view class='guige'>x{{list.num}}</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</navigator> |
|||
<view class="total"> |
|||
<view class="zhifu mt10"> |
|||
合计: |
|||
<span class="font_20 red" style="margin-left:5px;" wx:if="{{item.info != 0}}">¥ {{item.z_price}}</span> |
|||
<span class="font_20 red" style="margin-left:5px;" wx:if="{{item.info == 0}}">¥ {{item.total}}</span> |
|||
</view> |
|||
</view> |
|||
<view class="bottom"> |
|||
<!--状态 0:未付款 1:未发货 2:待收货 3:待评论 4:退货 5:已完成 6 订单关闭 9拼团中 10 拼团失败-未退款 11 拼团失败-已退款 12:已完成(已追加评论) --> |
|||
<navigator wx:if="{{item.status != 1 && item.status != 4}}" url="../order/detail?orderId={{item.id}}" style='border:1px solid #8a8a8a;color:#8a8a8a;' class="font_12 red fl_r mr_5">订单详情</navigator> |
|||
<navigator wx:if="{{item.status == 1 && item.pid >0}}" url="../order/detail?orderId={{item.id}}" style='border:1px solid #8a8a8a;color:#8a8a8a;' class="font_12 red fl_r mr_5">订单详情</navigator> |
|||
<navigator wx:if="{{item.status == 1&& item.pid ==''}}" url="../order/detail?orderId={{item.id}}" style='color:{{bgcolor}};border:1px solid {{bgcolor}};' class="font_12 red fl_r mr_5">订单详情</navigator> |
|||
<navigator wx:if="{{item.status == 4}}" url="../order/detail?orderId={{item.id}}" style='color:{{bgcolor}};border:1px solid {{bgcolor}};' class="font_12 red fl_r mr_5">订单详情</navigator> |
|||
<!-- <navigator class="font_12 red fl_r mr_5" url="../logistics/logistics?orderId={{item.sNo}}" style='border:1px solid #8a8a8a;color:#8a8a8a;' wx:if="{{item.status == 2 || item.status == 3}}" data-order-id="{{item.id}}">查看物流</navigator> --> |
|||
<view class="font_12 red fl_r mr_5" wx:if="{{item.status == 5 && item.pid ==''}}" style='border:1px solid #8a8a8a;color:#8a8a8a;' data-order-id="{{item.id}}">订单完成</view> |
|||
<view class="font_12 red fl_r mr_5" bindtap="recOrder" style='color:{{bgcolor}};border:1px solid {{bgcolor}};' wx:if="{{item.status == 2&& item.pid ==''}}" data-sNo="{{item.sNo}}">确认收货</view> |
|||
<view class="font_12 red fl_r mr_5" bindtap="recOrder" style='border:1px solid #8a8a8a;color:#8a8a8a;' wx:if="{{item.status == 2 &&item.pid > 0}}" data-sNo="{{item.sNo}}">确认收货</view> |
|||
<navigator class="font_12 red fl_r mr_5" url="../comment/comment?ordersn={{item.sNo}}" style='color:{{bgcolor}};border:1px solid {{bgcolor}};' wx:if="{{item.status == 3}}" data-order-id="{{item.id}}">立即评价</navigator> |
|||
<navigator wx:if="{{item.status == 0}}" url="../order/detail?orderId={{item.id}}" style='color:{{bgcolor}};border:1px solid {{bgcolor}};' class="font_12 red fl_r mr_5">立即支付</navigator> |
|||
<navigator wx:if="{{item.pid > 0 &&item.status > 0}}" url="../group_buy/cantuan?id={{item.ptcode}}&groupid={{item.pid}}&pro_id={{item.pro_id}}&man_num={{item.man_num}}" style='color:{{bgcolor}};border:1px solid {{bgcolor}};' class="font_12 red fl_r mr_5">分享好友</navigator> |
|||
</view> |
|||
|
|||
<scroll-view class="scrollView" scroll-y="true" bindscrolltoupper="reloadData" bindscrolltolower="loadMoreData" scroll-top="{{scrollTop}}" style="height:{{scrollHeight}}px"> |
|||
<view class='list-container' hidden="{{listArray.length<=0&& (loading || complete)}}"> |
|||
<view class='list-cell' wx:for="{{listArray}}" wx:key="index" wx:for-index="idx" wx:for-item="item" data-id="{{item.id}}" bindtap="lookDetail"> |
|||
<view class="shopView"> |
|||
<image src="{{item.shop_logo}}" mode="aspectFill"></image> |
|||
<text class="left">{{item.shop_name}}</text> |
|||
<image class="jiantou-img" src="/images/x_right.png" mode="aspectFill"></image> |
|||
<view class="statusLabel" wx:if="{{item.status == 0}}">待收货</view> |
|||
<view class="statusLabel" wx:if="{{item.status == 1}}">待发货</view> |
|||
<view class="statusLabel" wx:if="{{item.status == 2}}">待收货</view> |
|||
<view class="statusLabel" wx:if="{{item.status == 5}}">交易成功</view> |
|||
</view> |
|||
<view class='list-cell' wx:for="{{item.list}}" wx:key="index"> |
|||
<view class="goodsView"> |
|||
<image class="goodsImg" src="{{item.imgurl}}" mode="aspectFill"></image> |
|||
<view class="content"> |
|||
<view class="title">{{item.p_name}}</view> |
|||
<view class="spec">{{item.size}}</view> |
|||
<view class="priceView"> |
|||
<view class="price">¥{{item.p_price}}</view> |
|||
<view class="quantity">共 {{item.num}} {{item.unit}}</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view class="bottomView"> |
|||
<block wx:if="{{item.status == 0}}"> |
|||
<view class="normalBtn" bindtap="removeOrder" data-info="{{item}}">取消订单</view> |
|||
<view class="confirmBtn" bindtap="payNow" data-info="{{item}}">立即付款</view> |
|||
</block> |
|||
<block wx:elif="{{item.status == 1}}"> |
|||
<view class="confirmBtn" wx:if="{{item.delivery_status == 1}}" style="background-color:#ccc;color:white;border:0px;">提醒发货</view> |
|||
<view class="confirmBtn" wx:else bindtap="orderRemind" data-info="{{item}}">提醒发货</view> |
|||
</block> |
|||
<block wx:elif="{{item.status == 2}}"> |
|||
<view class="normalBtn" bindtap="orderLogistics" data-info="{{item}}">查看物流</view> |
|||
<view class="confirmBtn" bindtap="confirmOrder" data-info="{{item}}">确认收货</view> |
|||
</block> |
|||
<block wx:elif="{{item.status == 5}}"> |
|||
<view class="deleteBtn" bindtap="deleteOrder" data-info="{{item}}">删除订单</view> |
|||
<view class="normalBtn" bindtap="orderLogistics" data-info="{{item}}">查看物流</view> |
|||
<view class="confirmBtn" bindtap="evaluateOrder" data-info="{{item}}">立即评价</view> |
|||
</block> |
|||
</view> |
|||
</scroll-view> |
|||
</swiper-item> |
|||
<!-- 待付款 --> |
|||
<swiper-item> |
|||
<scroll-view scroll-y="true" style="height:100%;"> |
|||
<view class="search_no" wx:if="{{!ordert1.length}}"> |
|||
<view class="font_14"> |
|||
<image class="scimg" src="/images/kdd.png"></image> |
|||
</view> |
|||
<text>没有可用订单/(ㄒoㄒ)/~~</text> |
|||
</view> |
|||
<view class='tab_tab' wx:for="{{ordert1}}"wx:key="key"> |
|||
<navigator url="../order/detail?orderId={{item.id}}"> |
|||
<view class="top"> |
|||
<view> |
|||
订单号:{{item.sNo}} |
|||
<!-- 除拼团订单的状态 --> |
|||
<block wx:if="{{item.pid ==''}}"> |
|||
<view class='tab_statu' wx:if="{{item.status == 0}}">等待买家付款</view> |
|||
</block> |
|||
<!-- 拼团订单的状态 --> |
|||
<block wx:if="{{item.pid > 0}}"> |
|||
<view class='tab_statu' wx:if="{{item.status == 0}}">待付款</view> |
|||
</view> |
|||
<view class="loading" hidden="{{!loading}}">正在载入更多...</view> |
|||
<view class="complete" hidden="{{!complete}}">暂无更多数据</view> |
|||
</view> |
|||
<view class="noMoreData" wx:if='{{listArray.length<=0&& (loading || complete)}}'>暂无数据</view> |
|||
</scroll-view> |
|||
|
|||
</block> |
|||
</view> |
|||
</view> |
|||
<view class="shop df" wx:for="{{item.list}}" wx:for-item="list" wx:key="id"> |
|||
<view> |
|||
<image class="sh_slt" src="{{list.imgurl}}"></image> |
|||
</view> |
|||
<view class="sp_text"> |
|||
<view style='width:70%;'> |
|||
<view class="sp_tit ovh1" style="color: #000;">{{list.p_name}}</view> |
|||
<view class="sp_tit ovh1" style='color:#808080'>[{{list.size}}]</view> |
|||
</view> |
|||
<view class="sp_jg"> |
|||
<view class='guige'>¥ {{list.p_price}}</view> |
|||
<view class='guige'>x{{list.num}}</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</navigator> |
|||
<view class="total"> |
|||
<view class="zhifu mt10"> |
|||
合计: |
|||
<span class="font_20 red" style="margin-left:5px;" wx:if="{{item.info != 0}}">¥ {{item.z_price}}</span> |
|||
<span class="font_20 red" style="margin-left:5px;" wx:if="{{item.info == 0}}">¥ {{item.total}}</span> |
|||
</view> |
|||
</view> |
|||
<view class="bottom"> |
|||
<navigator wx:if="{{item.status == 0}}" url="../order/detail?orderId={{item.id}}" style='color:{{bgcolor}};border:1px solid {{bgcolor}};' class="font_12 red fl_r mr_5">立即支付</navigator> |
|||
</view> |
|||
</view> |
|||
</scroll-view> |
|||
</swiper-item> |
|||
<!-- 待发货 --> |
|||
<swiper-item> |
|||
<scroll-view scroll-y="true" style="height:100%;"> |
|||
<view class="search_no" wx:if="{{!ordert2.length}}"> |
|||
<view class="font_14"> |
|||
<image class="scimg" src="/images/kdd.png"></image> |
|||
</view> |
|||
<text>没有可用订单/(ㄒoㄒ)/~~</text> |
|||
</view> |
|||
<view class='tab_tab' wx:for="{{ordert2}}"wx:key="key"> |
|||
<navigator url="../order/detail?orderId={{item.id}}"> |
|||
<view class="top"> |
|||
<view> |
|||
订单号:{{item.sNo}} |
|||
<!-- 除拼团订单的状态 --> |
|||
<block wx:if="{{ item.pid ==''}}"> |
|||
<view class='tab_statu' wx:if="{{item.status == 1}}">等待卖家发货</view> |
|||
</block> |
|||
<!-- 拼团订单的状态 --> |
|||
<block wx:if="{{item.pid > 0}}"> |
|||
<view class='tab_statu' wx:if="{{item.status == 1}}">拼团成功-待发货</view> |
|||
</block> |
|||
</view> |
|||
</view> |
|||
<view class="shop df" wx:for="{{item.list}}" wx:for-item="list" wx:key="id"> |
|||
<view> |
|||
<image class="sh_slt" src="{{list.imgurl}}"></image> |
|||
</view> |
|||
<view class="sp_text"> |
|||
<view style='width:70%;'> |
|||
<view class="sp_tit ovh1" style="color: #000;">{{list.p_name}}</view> |
|||
<view class="sp_tit ovh1" style='color:#808080'> [{{list.size}}]</view> |
|||
</view> |
|||
<view class="sp_jg"> |
|||
<view class='guige'>¥ {{list.p_price}}</view> |
|||
<view class='guige'>x{{list.num}}</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</navigator> |
|||
<view class="total"> |
|||
<view class="zhifu mt10"> |
|||
合计: |
|||
<span class="font_20 red" style="margin-left:5px;" wx:if="{{item.info != 0}}">¥ {{item.z_price}}</span> |
|||
<span class="font_20 red" style="margin-left:5px;" wx:if="{{item.info == 0}}">¥ {{item.total}}</span> |
|||
</view> |
|||
</view> |
|||
<view class="bottom"> |
|||
<navigator url="../order/detail?orderId={{item.id}}" style='border:1px solid #8a8a8a;color:#8a8a8a;' class="font_12 red fl_r mr_5">订单详情</navigator> |
|||
<view class="font_12 red fl_r mr_5" bindtap="add_fix" style='border:1px solid #8a8a8a;color:#8a8a8a;' wx:if="{{item.status == 1&&item.pid >0}}">提醒发货</view> |
|||
<view class="font_12 red fl_r mr_5" bindtap="add_fix" style='color:{{bgcolor}};border:1px solid {{bgcolor}};' wx:if="{{item.status == 1&&item.pid ==''}}">提醒发货</view> |
|||
<navigator wx:if="{{item.pid > 0 && item.status > 0}}" url="../group_buy/cantuan?id={{item.ptcode}}&groupid={{item.pid}}&pro_id={{item.pro_id}}&man_num={{item.man_num}}" style='color:{{bgcolor}};border:1px solid {{bgcolor}};' class="font_12 red fl_r mr_5">分享好友</navigator> |
|||
</view> |
|||
</view> |
|||
</scroll-view> |
|||
</swiper-item> |
|||
<!-- 待收货 --> |
|||
<swiper-item> |
|||
<scroll-view scroll-y="true" style="height:100%;"> |
|||
<view class="search_no" wx:if="{{!ordert3.length}}"> |
|||
<view class="font_14"> |
|||
<image class="scimg" src="/images/kdd.png"></image> |
|||
</view> |
|||
<text>没有可用订单/(ㄒoㄒ)/~~</text> |
|||
</view> |
|||
<view class='tab_tab' wx:for="{{ordert3}}"wx:key="key"> |
|||
<navigator url="../order/detail?orderId={{item.id}}"> |
|||
<view class="top"> |
|||
<view> |
|||
订单号:{{item.sNo}} |
|||
<!-- 除拼团订单的状态 --> |
|||
<block wx:if="{{ item.pid ==''}}"> |
|||
<view class='tab_statu' wx:if="{{item.status == 2}}">等待买家收货</view> |
|||
</block> |
|||
<!-- 拼团订单的状态 --> |
|||
<block wx:if="{{item.pid > 0}}"> |
|||
<view class='tab_statu' wx:if="{{item.status == 2}}">拼团成功-已发货</view> |
|||
</block> |
|||
</view> |
|||
</view> |
|||
<view class="shop df" wx:for="{{item.list}}" wx:for-item="list" wx:key="id"> |
|||
<view> |
|||
<image class="sh_slt" src="{{list.imgurl}}"></image> |
|||
</view> |
|||
<view class="sp_text"> |
|||
<view style='width:70%;'> |
|||
<view class="sp_tit ovh1" style="color: #000;">{{list.p_name}}</view> |
|||
<view class="sp_tit ovh1" style='color:#808080'>[{{list.size}}]</view> |
|||
</view> |
|||
<view class="sp_jg"> |
|||
<view class='guige'>¥ {{list.p_price}}</view> |
|||
<view class='guige'>x{{list.num}}</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</navigator> |
|||
<view class="total"> |
|||
<view class="zhifu mt10"> |
|||
合计: |
|||
<span class="font_20 red" style="margin-left:5px;" wx:if="{{item.info != 0}}">¥ {{item.z_price}}</span> |
|||
<span class="font_20 red" style="margin-left:5px;" wx:if="{{item.info == 0}}">¥ {{item.total}}</span> |
|||
</view> |
|||
</view> |
|||
<view class="bottom" > |
|||
<navigator url="../order/detail?orderId={{item.id}}" style='border:1px solid #8a8a8a;color:#8a8a8a;' class="font_12 red fl_r mr_5">订单详情</navigator> |
|||
|
|||
<!-- <navigator class="font_12 red fl_r mr_5" url="../logistics/logistics?orderId={{item.sNo}}" style='border:1px solid #8a8a8a;color:#8a8a8a;' wx:if="{{item.status == 2 || item.status == 3}}" data-order-id="{{item.id}}">查看物流</navigator> --> |
|||
<!-- <view class="font_12 red fl_r mr_5" bindtap="escOrder" style='border:1px solid #8a8a8a;color:#8a8a8a;' wx:if="{{item.status == 1}}" data-order-id="{{item.id}}" data-sno="{{item.sNo}}">取消订单</view> --> |
|||
<view class="font_12 red fl_r mr_5" bindtap="recOrder" style='color:{{bgcolor}};border:1px solid {{bgcolor}};' wx:if="{{item.status == 2&&item.pid==''}}" data-sNo="{{item.sNo}}">确认收货</view> |
|||
<view class="font_12 red fl_r mr_5" bindtap="recOrder" style='border:1px solid #8a8a8a;color:#8a8a8a;' wx:if="{{item.status == 2 && item.pid > 0}}" data-sNo="{{item.sNo}}">确认收货</view> |
|||
<navigator wx:if="{{item.pid > 0 &&item.status > 0}}" url="../group_buy/cantuan?id={{item.ptcode}}&groupid={{item.pid}}&pro_id={{item.pro_id}}&man_num={{item.man_num}}" style='color:{{bgcolor}};border:1px solid {{bgcolor}};' class="font_12 red fl_r mr_5">分享好友</navigator> |
|||
</view> |
|||
</view> |
|||
</scroll-view> |
|||
</swiper-item> |
|||
<!-- 待评价 --> |
|||
<swiper-item> |
|||
<scroll-view scroll-y="true" style="height:100%;"> |
|||
<view class="search_no" wx:if="{{!ordert4.length}}"> |
|||
<view class="font_14"> |
|||
<image class="scimg" src="/images/kdd.png"></image> |
|||
</view> |
|||
<text>没有可用订单/(ㄒoㄒ)/~~</text> |
|||
</view> |
|||
<view class='tab_tab' wx:for="{{ordert4}}" wx:key="key"> |
|||
<navigator url="../order/detail?orderId={{item.id}}"> |
|||
<view class="top"> |
|||
<view> |
|||
订单号:{{item.sNo}} |
|||
<!-- 除拼团订单的状态 --> |
|||
<block wx:if="{{ item.pid ==''}}"> |
|||
<view class='tab_statu' wx:if="{{item.status == 3}}">等待买家评价</view> |
|||
</block> |
|||
<!-- 拼团订单的状态 --> |
|||
<block wx:if="{{item.pid > 0}}"> |
|||
<view class='tab_statu' wx:if="{{item.status == 3}}">拼团成功-已签收</view> |
|||
</block> |
|||
</view> |
|||
</view> |
|||
<view class="shop df" wx:for="{{item.list}}" wx:for-item="list" wx:key="id"> |
|||
<view> |
|||
<image class="sh_slt" src="{{list.imgurl}}"></image> |
|||
</view> |
|||
<view class="sp_text"> |
|||
<view style='width:70%;'> |
|||
<view class="sp_tit ovh1" style="color: #000;">{{list.p_name}}</view> |
|||
<view class="sp_tit ovh1" style='color:#808080'>[{{list.size}}]</view> |
|||
</view> |
|||
<view class="sp_jg"> |
|||
<view class='guige'>¥ {{list.p_price}}</view> |
|||
<view class='guige'>x{{list.num}}</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</navigator> |
|||
<view class="total"> |
|||
<view class="zhifu mt10"> |
|||
合计: |
|||
<span class="font_20 red" style="margin-left:5px;" wx:if="{{item.info != 0}}">¥ {{item.z_price}}</span> |
|||
<span class="font_20 red" style="margin-left:5px;" wx:if="{{item.info == 0}}">¥ {{item.total}}</span> |
|||
</view> |
|||
</view> |
|||
<view class="bottom" > |
|||
<navigator wx:if="{{item.status != 1}}" url="../order/detail?orderId={{item.id}}" style='border:1px solid #8a8a8a;color:#8a8a8a;' |
|||
class="font_12 red fl_r mr_5">订单详情</navigator> |
|||
<!-- <navigator class="font_12 red fl_r mr_5" url="../logistics/logistics?orderId={{item.sNo}}" style='border:1px solid #8a8a8a;color:#8a8a8a;'wx:if="{{item.status == 2 || item.status == 3}}" data-order-id="{{item.id}}">查看物流</navigator> --> |
|||
<navigator class="font_12 red fl_r mr_5" url="../comment/comment?ordersn={{item.sNo}}" style='color:{{bgcolor}};border:1px solid {{bgcolor}};' |
|||
wx:if="{{item.status == 3&&item.pid ==''}}" data-order-id="{{item.id}}">立即评价</navigator> |
|||
<navigator class="font_12 red fl_r mr_5" url="../comment/comment?ordersn={{item.sNo}}"style='border:1px solid #8a8a8a;color:#8a8a8a;' |
|||
wx:if="{{item.status == 3&&item.pid > 0}}" data-order-id="{{item.id}}">立即评价</navigator> |
|||
<navigator wx:if="{{item.pid > 0 &&item.status > 0}}" url="../group_buy/cantuan?id={{item.ptcode}}&groupid={{item.pid}}&pro_id={{item.pro_id}}&man_num={{item.man_num}}" |
|||
style='color:{{bgcolor}};border:1px solid {{bgcolor}};' class="font_12 red fl_r mr_5">分享好友</navigator> |
|||
</view> |
|||
</view> |
|||
</scroll-view> |
|||
</swiper-item> |
|||
</swiper> |
|||
</block> |
|||
<view bindtap="hideAllChioce" class="mask" hidden="{{!chioceDistrict&&!chioceSorting&&!chioceFilter}}"></view> |
|||
</view> |
@ -1,403 +1,228 @@ |
|||
/* pages/order/order.wxss */ |
|||
page{ |
|||
height: 100%; |
|||
width: 100%; |
|||
background: #F5F5F5; |
|||
} |
|||
.scimg { |
|||
width:246rpx; |
|||
height:246rpx; |
|||
} |
|||
.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: 20%; |
|||
color: #666; |
|||
} |
|||
.on{ |
|||
color: #dd2727; |
|||
border-bottom: 5rpx solid #dd2727; |
|||
} |
|||
|
|||
.swiper-box{ |
|||
display: block; |
|||
height: 100%; |
|||
width: 100%; |
|||
overflow: hidden; |
|||
/* iPhoneX底部适配 */ |
|||
padding-bottom: env(safe-area-inset-bottom); |
|||
} |
|||
|
|||
.clearbutton{ |
|||
background: #fff; |
|||
display: inline-block; |
|||
margin:3% 3% 2% 3%; |
|||
color: #dd2727; |
|||
font-size: 14px; |
|||
width: 94%; |
|||
} |
|||
button::after{ |
|||
border: none; |
|||
} |
|||
.shop{ |
|||
background: #fafafa; |
|||
padding: 15px; |
|||
border-bottom:1px solid #eee; |
|||
} |
|||
.shop checkbox{ |
|||
margin-top: 27px; |
|||
} |
|||
.sh_slt{ |
|||
width: 65px; |
|||
height: 65px; |
|||
overflow: hidden; |
|||
border-radius: 5px; |
|||
margin-right: 4%; |
|||
float: left; |
|||
} |
|||
.sp_text{ |
|||
display:flex; |
|||
line-height: 20px; |
|||
width: 100%; |
|||
text-align: left; |
|||
padding-left:10px; |
|||
} |
|||
.sp_tit{ |
|||
width: 100%; |
|||
overflow: hidden; |
|||
font-size: 12px; |
|||
-webkit-line-clamp:2; |
|||
} |
|||
.guige{ |
|||
font-size:12px; |
|||
color:#808080; |
|||
text-align:right; |
|||
} |
|||
|
|||
|
|||
|
|||
.sp_neb{ |
|||
width: 100%; |
|||
overflow: hidden; |
|||
font-size: 13px; |
|||
color: #999; |
|||
} |
|||
.sp_jg{ |
|||
width: 30%; |
|||
overflow: hidden; |
|||
font-size: 13px; |
|||
color: #fc0628; |
|||
} |
|||
.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: 35px; |
|||
} |
|||
.blue{ |
|||
color: #42b1ff; |
|||
} |
|||
.mr_5{ |
|||
margin-right: 5px; |
|||
} |
|||
.top{ |
|||
padding: 15px; |
|||
font-size:12px; |
|||
} |
|||
.font_12{ |
|||
padding: 5px 10px; |
|||
border-radius:15px; |
|||
color:#fff; |
|||
width:55px; |
|||
text-align:center; |
|||
line-height:15px; |
|||
height:15px; |
|||
} |
|||
.bottom{ |
|||
border-top:1px #eee solid; |
|||
height:36px; |
|||
margin:auto; |
|||
display:flex; |
|||
justify-content:flex-end; |
|||
align-items:center; |
|||
} |
|||
.total{ |
|||
font-size:14px; |
|||
padding-bottom:3px; |
|||
height:28px; |
|||
/* padding-right:14px; */ |
|||
} |
|||
|
|||
.zhifu{ |
|||
height:28px; |
|||
line-height:28px; |
|||
float:right; |
|||
padding-right:4%; |
|||
} |
|||
|
|||
.tab_statu{ |
|||
float: right; |
|||
font-size: 13px; |
|||
color: #FF6347; |
|||
} |
|||
.tab_tab{ |
|||
background:#fff; |
|||
margin-bottom:8px; |
|||
} |
|||
scroll-view { |
|||
background:#eee; |
|||
} |
|||
.person_box{ |
|||
position: relative; |
|||
} |
|||
.phone_select{ |
|||
margin-top:0; |
|||
z-index: 100; |
|||
position: absolute; /*//小程序中z-index和absolute需要同时存在,元素才能脱离文档。 */ |
|||
} |
|||
.select_one{ |
|||
text-align: center; |
|||
background-color:rgb(239, 239, 239); |
|||
width:100%; /* //脱离文档后元素width不能再用百分比。 */ |
|||
height:100rpx; |
|||
line-height:100rpx; |
|||
margin:0 5%; |
|||
border-bottom:2rpx solid rgb(255, 255, 255); |
|||
} |
|||
|
|||
/*下拉*/ |
|||
.product-list { |
|||
min-height: 100vh; |
|||
background-color: #f0f0f0; |
|||
padding-top: 80rpx; |
|||
box-sizing: border-box; |
|||
} |
|||
|
|||
/*条件选择*/ |
|||
|
|||
.choice-bar { |
|||
.tab-view{ |
|||
position: fixed; |
|||
top: 0; |
|||
display: flex; |
|||
width: 100vw; |
|||
font-size: 16px; |
|||
width: 100%; |
|||
height: 100rpx; |
|||
background-color: #fff; |
|||
z-index: 9; |
|||
white-space: nowrap; |
|||
} |
|||
|
|||
.chioce-item { |
|||
.tab-itemActive{ |
|||
color: #454553; |
|||
width: 20%; |
|||
height: 100rpx; |
|||
line-height: 100rpx; |
|||
text-align: center; |
|||
font-size: 30rpx; |
|||
font-weight: bold; |
|||
display: inline-block; |
|||
} |
|||
.tab-item { |
|||
color: #9fa5b6; |
|||
width: 20%; |
|||
height: 100rpx; |
|||
line-height: 100rpx; |
|||
text-align: center; |
|||
font-size: 30rpx; |
|||
display: inline-block; |
|||
} |
|||
.tab-lineActive{ |
|||
width: 78rpx; |
|||
height: 6rpx; |
|||
margin-top: -10rpx; |
|||
margin-left: 25%; |
|||
background-color: #F95B43; |
|||
z-index: 655; |
|||
} |
|||
.tab-badge{ |
|||
position: absolute; |
|||
margin-top: -80rpx; |
|||
margin-left: 45rpx; |
|||
width: 35rpx; |
|||
height: 35rpx; |
|||
border-radius: 17.5rpx; |
|||
line-height: 35rpx; |
|||
font-size: 28rpx; |
|||
text-align: center; |
|||
font-weight: normal; |
|||
color: white; |
|||
background-color: red; |
|||
} |
|||
.tab-line{ |
|||
width: 100%; |
|||
height: 2rpx; |
|||
margin-top: -8rpx; |
|||
background-color: #fff; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: space-between; |
|||
padding: 0 20rpx; |
|||
width: 33.33%; |
|||
height: 80rpx; |
|||
border-top: 1rpx solid #ddd; |
|||
border-bottom: 1rpx solid #ddd; |
|||
border-left: 1rpx solid #ddd; |
|||
/*border-right: 1rpx solid #ddd;*/ |
|||
} |
|||
|
|||
.chioce-item-last { |
|||
border-right: none; |
|||
} |
|||
|
|||
.chioce-item-first { |
|||
border-left: none; |
|||
/*list*/ |
|||
.list-container{ |
|||
background: #F5F5F5; |
|||
} |
|||
|
|||
.icon-chioce { |
|||
height: 30rpx; |
|||
width: 30rpx; |
|||
.list-cell{ |
|||
display: inline-table; |
|||
width: 95%; |
|||
margin:20rpx 2.5% 0rpx 2.5%; /*上-右-下-左*/ |
|||
padding-bottom: 15rpx; |
|||
background: white; |
|||
/* box-shadow:0 6rpx 10rpx 2rpx #807e7a99; */ |
|||
border-radius: 10rpx; |
|||
} |
|||
.mask{ |
|||
position: fixed; |
|||
top:0; |
|||
bottom: 0; |
|||
right: 0; |
|||
left: 0; |
|||
background-color: #000; |
|||
opacity: 0.5; |
|||
.list-cell image{ |
|||
width: 345rpx; |
|||
height: 345rpx; |
|||
} |
|||
.district-list,.sorting-list,.filter-list { |
|||
margin-top: 2rpx; |
|||
.list-cell .imageSrc{ |
|||
position: absolute; |
|||
top: 80rpx; |
|||
left: 10px; |
|||
width: 100%; |
|||
background-color: #fff; |
|||
z-index: -1; |
|||
font-size: 14px; |
|||
border-bottom: 1rpx solid #ddd; |
|||
margin-top: 20rpx; |
|||
margin-left: 20rpx; |
|||
width: 104rpx; |
|||
} |
|||
.iconfont { |
|||
font-size:9px; |
|||
margin:0; |
|||
padding:0; |
|||
.shopView { |
|||
display:flex; |
|||
align-items: center; |
|||
height: 85rpx; |
|||
} |
|||
.xzbg{ |
|||
color: #fff; |
|||
.shopView image { |
|||
width: 40rpx; |
|||
height: 40rpx; |
|||
margin-left: 25rpx; |
|||
} |
|||
.chioce-list-show { |
|||
top: 110rpx; |
|||
animation: slide 500ms; |
|||
width:25%; |
|||
border:1px solid red; |
|||
border-radius:5px; |
|||
font-size:12px; |
|||
.shopView text{ |
|||
margin-left: 12rpx; |
|||
font-size: 32rpx; |
|||
color: #333333; |
|||
} |
|||
|
|||
@keyframes slide { |
|||
0% { |
|||
top: -500rpx; |
|||
} |
|||
|
|||
100% { |
|||
top: 80rpx; |
|||
} |
|||
.shopView .jiantou-img { |
|||
width: 25rpx; |
|||
height: 25rpx; |
|||
margin-left: 20rpx; |
|||
} |
|||
|
|||
.chioce-list-hide { |
|||
display: none !important; |
|||
.shopView .statusLabel{ |
|||
position: absolute; |
|||
right: 45rpx; |
|||
color: #FA5151; |
|||
font-size: 30rpx; |
|||
height: 40rpx; |
|||
line-height: 40rpx; |
|||
} |
|||
|
|||
/*区域位置*/ |
|||
|
|||
.district-list { |
|||
.goodsView{ |
|||
display: flex; |
|||
flex-direction: row; |
|||
} |
|||
|
|||
.district-left { |
|||
flex-grow: 1; |
|||
} |
|||
|
|||
.district-right { |
|||
flex-grow: 4; |
|||
.goodsView .goodsImg { |
|||
margin-left: 20rpx; |
|||
width: 150rpx; |
|||
height: 150rpx; |
|||
} |
|||
.scroll-district{ |
|||
height: 500rpx; |
|||
} |
|||
.district-parent { |
|||
height: 100rpx; |
|||
line-height: 100rpx; |
|||
padding: 0 40rpx; |
|||
border-bottom: 1rpx solid #ddd; |
|||
border-right: 1rpx solid #ddd; |
|||
background-color: #f0f0f0; |
|||
.goodsView .content{ |
|||
display: flex; |
|||
flex-direction: column; |
|||
justify-content: center; |
|||
margin-left: 25rpx; |
|||
} |
|||
.content .title{ |
|||
/* margin-top: 10rpx; */ |
|||
color: #333333; |
|||
font-size: 36rpx; |
|||
max-width: 480rpx; |
|||
overflow: hidden; |
|||
text-overflow: ellipsis; /*超出省略号*/ |
|||
white-space: nowrap; |
|||
font-weight: bold; |
|||
height: 40rpx; |
|||
line-height: 40rpx; |
|||
/*-webkit-line-clamp: 2; /*控制行数*/ |
|||
} |
|||
.content .spec{ |
|||
margin-top: 25rpx; |
|||
color: #999999; |
|||
font-size: 30rpx; |
|||
max-width: 480rpx; |
|||
overflow: hidden; |
|||
text-overflow: ellipsis; |
|||
white-space: nowrap; |
|||
height: 40rpx; |
|||
line-height: 40rpx; |
|||
} |
|||
|
|||
.district-parent-active { |
|||
background-color: #fff; |
|||
.priceView{ |
|||
margin-top: 30rpx; |
|||
display: flex; |
|||
height: 40rpx; |
|||
} |
|||
|
|||
.district-children { |
|||
height: 100rpx; |
|||
line-height: 100rpx; |
|||
padding: 0 40rpx; |
|||
border-bottom: 1rpx solid #ddd; |
|||
.priceView .price{ |
|||
color: #FA5151; |
|||
font-size: 36rpx; |
|||
line-height: 40rpx; |
|||
} |
|||
|
|||
/*综合排序*/ |
|||
|
|||
.sorting-item { |
|||
height: 80rpx; |
|||
line-height: 80rpx; |
|||
/* padding: 0 40rpx; */ |
|||
border-bottom: 1rpx solid #eee; |
|||
.priceView .quantity{ |
|||
position: absolute; |
|||
right: 45rpx; |
|||
color: #9d9d9d; |
|||
font-size: 28rpx; |
|||
line-height: 40rpx; |
|||
} |
|||
|
|||
/*筛选*/ |
|||
|
|||
.filter-item { |
|||
height: 80rpx; |
|||
line-height: 80rpx; |
|||
padding: 0 40rpx; |
|||
border-bottom: 1rpx solid #ddd; |
|||
.bottomView{ |
|||
display: flex; |
|||
justify-content: space-between; |
|||
flex-direction: row; |
|||
margin-top: 15rpx; |
|||
margin-bottom: 15rpx; |
|||
align-items: center; |
|||
box-sizing: border-box; |
|||
height: 70rpx; |
|||
} |
|||
|
|||
.icon-selected { |
|||
height: 30rpx; |
|||
width: 30rpx; |
|||
} |
|||
|
|||
.filter-footer { |
|||
display: flex; |
|||
justify-content: space-between; |
|||
} |
|||
|
|||
.filter-footer button { |
|||
margin: 20rpx 80rpx; |
|||
border-radius: 0 !important; |
|||
.normalBtn{ |
|||
position: absolute; |
|||
right: 225rpx; |
|||
padding: 5rpx 22rpx; |
|||
font-size: 28rpx; |
|||
color: #999999; |
|||
border: 1px solid #FA5151; |
|||
height: 50rpx; |
|||
line-height: 50rpx; |
|||
border-radius: 50rpx; |
|||
} |
|||
.confirmBtn{ |
|||
position: absolute; |
|||
right: 45rpx; |
|||
padding: 5rpx 22rpx; |
|||
font-size: 28rpx; |
|||
color: #FA5151; |
|||
border: 1px solid #FA5151; |
|||
height: 50rpx; |
|||
line-height: 50rpx; |
|||
border-radius: 50rpx; |
|||
} |
|||
.deleteBtn{ |
|||
position: absolute; |
|||
right: 410rpx; |
|||
padding: 5rpx 22rpx; |
|||
font-size: 28rpx; |
|||
color: #999999; |
|||
border: 1px solid #FA5151; |
|||
height: 50rpx; |
|||
line-height: 50rpx; |
|||
border-radius: 50rpx; |
|||
} |
|||
.noMoreData{ |
|||
padding-top: 100rpx; |
|||
line-height: 100rpx; |
|||
height: 100rpx; |
|||
width: 100%; |
|||
font-size: 32rpx; |
|||
text-align: center; |
|||
color: #454553; |
|||
} |
|||
|
|||
.button-reset { |
|||
border: 1rpx solid #ddd !important; |
|||
color: #666 !important; |
|||
.scrollView { |
|||
flex-grow: 1; |
|||
padding:0rpx; |
|||
padding-top: 100rpx; |
|||
} |
|||
|
|||
/* 小标签 */ |
|||
.noe { |
|||
display: block; |
|||
border-width: 10px; |
|||
position: absolute; |
|||
left: 10px; |
|||
top: -20px; |
|||
border-style: solid dashed dashed; |
|||
border-color: transparent transparent red transparent; |
|||
font-size: 0; |
|||
line-height: 0; |
|||
.loading,.complete { |
|||
width: 100%; |
|||
padding: 30rpx 0rpx; |
|||
text-align: center; |
|||
font-size: 24rpx; |
|||
color: #9fa4b6; |
|||
} |
Loading…
Reference in new issue