This commit is contained in:
parent
415b323fe8
commit
91afb430ca
|
@ -1553,17 +1553,18 @@ page {
|
|||
border-radius: 15px 15px 0 0;
|
||||
padding: 0 30rpx;
|
||||
height: 60rpx;
|
||||
margin-top: 8rpx;
|
||||
margin-top: 12rpx;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.wztext {
|
||||
width: 80px;
|
||||
width: 200rpx;
|
||||
overflow: hidden;
|
||||
//text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
|
||||
.dengjibox {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
|
|
|
@ -5,16 +5,16 @@
|
|||
<!-- 对于mescroll-uni: 则无需设置:sticky="true", 无其他限制和要求 -->
|
||||
|
||||
<!-- sticky吸顶悬浮的菜单, 父元素必须是 mescroll -->
|
||||
<view class="sticky-tabs">
|
||||
<view class="ding-view">
|
||||
<view class="jishi-index">
|
||||
<view class="ding-view" style="padding-top: 35px;" >
|
||||
<view class="u-m-r-10">
|
||||
<image :src="avatar" class="head-port"
|
||||
@click="goNav('/pages/my/userinfo')"></image>
|
||||
</view>
|
||||
<view class="u-flex-1 u-m-l-10 " v-if="isLogin && userName">
|
||||
<view class="u-font-18 text-bold">
|
||||
<view class="flex align-center" style="justify-content: space-between;">
|
||||
<view class="margin-left-sm " style="color: #ffffff;">{{ userName }}</view>
|
||||
<view class="u-flex-1" v-if="isLogin && userName">
|
||||
<view class="u-font-18">
|
||||
<view class="flex align-center" style="margin-top: 8rpx;">
|
||||
<view class="margin-left-sm u-font-18" style="color: #ffffff;">{{ userName }}</view>
|
||||
<view class="labe zhuangtai" @tap="stateSave">
|
||||
<view v-if="isTrue">已上线</view>
|
||||
<view v-if="!isTrue">已离线</view>
|
||||
|
@ -52,23 +52,23 @@
|
|||
</view>
|
||||
</view> -->
|
||||
<!-- <me-tabs v-model="tabIndex" nameKey='title' :tabs="tabs" @change="tabChange"></me-tabs> -->
|
||||
|
||||
</view>
|
||||
<u-tabs :list="tabs" :is-scroll="true" :current="tabIndex" @change="tabChange" active-color="#000000"
|
||||
inactive-color="#999999" :customStyle="{ 'background-color': '#050505' }" isShowImg textClass="">
|
||||
</u-tabs>
|
||||
</view>
|
||||
|
||||
<mescroll-body :sticky="true" ref="mescrollRef" @init="mescrollInit" @down="downCallback" @up="upCallback"
|
||||
style="padding: 0 16px;width: 100%;min-height: 100vh;">
|
||||
style="padding: 0 16px;width: 100%;min-height: 100vh; background: #f5f5f5;">
|
||||
<!-- 数据列表 -->
|
||||
<!-- <view v-if="goods.length > 0" class="margin-sm padding-sm bg radius" v-for="(item,index) in goods"
|
||||
:key='index' @click="clickItem(item)"> -->
|
||||
<view class="bgwhite radius margin-bottom-sm padding-bottom-sm" v-for="(item, index) in goods" :key='index'
|
||||
<view class="bgwhite radius margin-bottom-sm padding-order " v-for="(item, index) in goods" :key='index'
|
||||
@click="goNav('/my/order/revenueDetails?ordersId=' + item.ordersId)">
|
||||
<view class="flex justify-between padding-sm">
|
||||
<view v-if="item.overTimeOrders == 1" style="color: red;font-size: 26rpx">(订单已超时)</view>
|
||||
<!-- <view class="text-green" v-if="item.status == 1">待支付</view> -->
|
||||
<view class="progress-status" v-if="item.status == 2">待服务</view>
|
||||
<view class="text-green" v-if="item.status == 3">已完成待评价</view>
|
||||
<view class="progress-status" v-if="item.status == 3">已完成待评价</view>
|
||||
<!-- <view class="text-green" v-if="item.status == 4" style="color: #999999;">已取消</view> -->
|
||||
<view class="progress-status" v-if="item.status == 5">已完成</view>
|
||||
<view class="progress-status" v-if="item.status == 6">服务中</view>
|
||||
|
@ -85,7 +85,7 @@
|
|||
</view>
|
||||
</view>
|
||||
<view class="xian"></view>
|
||||
<view class=" u-flex padding-sm">
|
||||
<view class=" u-flex padding-sm mescroll-downwarp">
|
||||
<view class="u-m-r-10">
|
||||
<u-avatar :src="item.massageImg ? item.massageImg : '../../static/logo.png'" mode="square"
|
||||
size="100">
|
||||
|
@ -96,15 +96,16 @@
|
|||
<view class="margin-right-xs order-details ">
|
||||
{{ item.title }}
|
||||
</view>
|
||||
<view class="flex-sub">
|
||||
<text class="text-df">实收:¥</text><text class="text-xl text-bold">{{ item.artificerMoneyTotal
|
||||
}}</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="text-cut" style="width:550upx; color: #999;">{{ item.address }}</view>
|
||||
|
||||
<view class="flex-sub">
|
||||
<!--<text class="text-df">实收:¥</text>--><text class="text-xl text-bold">¥{{ item.artificerMoneyTotal
|
||||
}}</text>
|
||||
</view>
|
||||
<view class="text-cut" style="color: #999;">{{ item.address }}</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
|
||||
<view class="flex u-p-t-20 justify-between align-center padding-sm">
|
||||
|
||||
<view class="flex text-right" style="width: 100%;flex-direction: column;">
|
||||
|
@ -873,7 +874,6 @@
|
|||
align-items: center;
|
||||
}
|
||||
.order-status{
|
||||
width: 90%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
@ -894,8 +894,10 @@
|
|||
color: #fe9130;
|
||||
}
|
||||
.flex-sub{
|
||||
text-align: right;
|
||||
width: 95%;
|
||||
text-align: left;
|
||||
font-size: 28rpx;
|
||||
margin-top: 8rpx;
|
||||
}
|
||||
.top-title{
|
||||
width: 95%;
|
||||
|
@ -1007,33 +1009,18 @@
|
|||
.ding-view{
|
||||
width: 95%;
|
||||
height: 290rpx;
|
||||
background: linear-gradient(-90deg, #019C88, #1BB9A5, #029D88);
|
||||
border-radius: 24rpx;
|
||||
margin: 10px auto 0px auto;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
padding:30rpx;
|
||||
}
|
||||
.content{
|
||||
width: 100%;
|
||||
min-height: 100vh;
|
||||
background-image: url('../../static/index/swim.jpg');
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
padding: 10px 0px;
|
||||
}
|
||||
|
||||
.u-tabs {
|
||||
padding: 16px;
|
||||
width: 90%;
|
||||
height: 199rpx;
|
||||
// background: #F7F7F7 !important;
|
||||
border-radius: 21rpx;
|
||||
margin: -70px auto 10px auto;
|
||||
margin: -126px auto 8px auto;
|
||||
}
|
||||
|
||||
/deep/.u-scroll-view {
|
||||
|
@ -1050,7 +1037,6 @@
|
|||
/deep/.u-tab-bar {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.sticky-tabs {
|
||||
width: 100%;
|
||||
z-index: 990;
|
||||
|
@ -1150,4 +1136,26 @@
|
|||
font-weight: bold;
|
||||
|
||||
}
|
||||
.jishi-index-title{
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
font-size: 33rpx;
|
||||
color: #FFFFFF;
|
||||
padding-top: 20px;
|
||||
}
|
||||
.jishi-index{
|
||||
width: 100%;
|
||||
height: 230px;
|
||||
padding: 0 20px;
|
||||
background:url('../../static/index/technician15.png');
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100%;
|
||||
}
|
||||
.padding-order{
|
||||
padding: 10rpx 20rpx;
|
||||
}
|
||||
.text-cut{
|
||||
width: 95%;
|
||||
}
|
||||
</style>
|
Loading…
Reference in New Issue