|
|
|
|
@ -5,11 +5,11 @@ |
|
|
|
|
<view class="group"> |
|
|
|
|
<image :src="$picUrl+'/static/serve/right.png'" class="tip tipImg"></image> |
|
|
|
|
<text lines="1" class="groupText">不满意重做</text> |
|
|
|
|
<image :src="$picUrl+'/static/serve/right.png'" class="tip"></image> |
|
|
|
|
<image :src="$picUrl+'/static/serve/right1.png'" class="tip"></image> |
|
|
|
|
<text lines="1" class="groupText">7x24小时服务</text> |
|
|
|
|
<image :src="$picUrl+'/static/serve/right.png'" class="tip"></image> |
|
|
|
|
<image :src="$picUrl+'/static/serve/right2.png'" class="tip"></image> |
|
|
|
|
<text lines="1" class="groupText">全场保障</text> |
|
|
|
|
<image :src="$picUrl+'/static/serve/right.png'" class="tip"></image> |
|
|
|
|
<image :src="$picUrl+'/static/serve/right3.png'" class="tip"></image> |
|
|
|
|
<text lines="1" class="groupText">专业服务</text> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
@ -41,7 +41,7 @@ |
|
|
|
|
<text class="listText">支付订单</text> |
|
|
|
|
<text class="listText">服务评价</text> |
|
|
|
|
</view> |
|
|
|
|
<view class="member" @click="goMember" v-if="userInfo.grade_id == 0"> |
|
|
|
|
<view class="member" @click="goMember" v-if="!userInfo == false || userInfo.grade_id == 0"> |
|
|
|
|
<view class="memberCenter"> |
|
|
|
|
会员中心 |
|
|
|
|
</view> |
|
|
|
|
@ -72,7 +72,7 @@ |
|
|
|
|
this.getList(); |
|
|
|
|
}, |
|
|
|
|
onShow() { |
|
|
|
|
this.userInfo = uni.getStorageSync("userInfo")?uni.getStorageSync("userInfo"):{} |
|
|
|
|
this.userInfo = uni.getStorageSync("userInfo")?uni.getStorageSync("userInfo"): "" |
|
|
|
|
}, |
|
|
|
|
methods:{ |
|
|
|
|
openPage1(){ |
|
|
|
|
@ -110,35 +110,38 @@ |
|
|
|
|
</script> |
|
|
|
|
<style lang="scss" scoped> |
|
|
|
|
.serve { |
|
|
|
|
height: 100%; |
|
|
|
|
width: 100%; |
|
|
|
|
background-color: #F7F8FA; |
|
|
|
|
padding-bottom: 30rpx; |
|
|
|
|
overflow: hidden; |
|
|
|
|
|
|
|
|
|
.heade { |
|
|
|
|
width: 100%; |
|
|
|
|
height: 360rpx; |
|
|
|
|
height: 396rpx; |
|
|
|
|
background-color: #fff; |
|
|
|
|
|
|
|
|
|
padding-top: 28rpx; |
|
|
|
|
box-sizing: border-box; |
|
|
|
|
.headImage { |
|
|
|
|
width: 690rpx; |
|
|
|
|
height: 264rpx; |
|
|
|
|
margin: 28rpx 0 0 34rpx; |
|
|
|
|
display: block; |
|
|
|
|
margin: 0 auto 0; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.group { |
|
|
|
|
display: flex; |
|
|
|
|
align-items: center; |
|
|
|
|
margin-top: 28rpx; |
|
|
|
|
.tip { |
|
|
|
|
width: 42rpx; |
|
|
|
|
height: 42rpx; |
|
|
|
|
width: 40rpx; |
|
|
|
|
height: 40rpx; |
|
|
|
|
margin-left: 10rpx; |
|
|
|
|
margin-right: 10rpx; |
|
|
|
|
&:first-child{ |
|
|
|
|
margin-left: 20rpx; |
|
|
|
|
} |
|
|
|
|
.tipImg{ |
|
|
|
|
margin-left: 24rpx; |
|
|
|
|
} |
|
|
|
|
.groupText { |
|
|
|
|
height: 34rpx; |
|
|
|
|
font-size: 24rpx; |
|
|
|
|
font-family: PingFang SC, PingFang SC; |
|
|
|
|
font-weight: 400; |
|
|
|
|
color: #444444; |
|
|
|
|
line-height: 34rpx; |
|
|
|
|
@ -151,7 +154,6 @@ |
|
|
|
|
height: 246rpx; |
|
|
|
|
background: #FFFFFF; |
|
|
|
|
border-radius: 8rpx 8rpx 8rpx 8rpx; |
|
|
|
|
opacity: 1; |
|
|
|
|
left: 0; |
|
|
|
|
right: 0; |
|
|
|
|
margin: auto; |
|
|
|
|
@ -160,7 +162,6 @@ |
|
|
|
|
.serveTitle { |
|
|
|
|
height: 40rpx; |
|
|
|
|
font-size: 28rpx; |
|
|
|
|
font-family: PingFang SC, PingFang SC; |
|
|
|
|
font-weight: 500; |
|
|
|
|
color: #000000; |
|
|
|
|
line-height: 40rpx; |
|
|
|
|
@ -171,28 +172,28 @@ |
|
|
|
|
white-space: nowrap; |
|
|
|
|
.listItem { |
|
|
|
|
width: 100rpx; |
|
|
|
|
height: 100rpx; |
|
|
|
|
display: inline-block; |
|
|
|
|
text-align: center; |
|
|
|
|
align-items: center; |
|
|
|
|
margin-left: 20rpx; |
|
|
|
|
text-align: center; |
|
|
|
|
&:first-child{ |
|
|
|
|
margin-left: 0; |
|
|
|
|
} |
|
|
|
|
.itemImage { |
|
|
|
|
width: 56rpx; |
|
|
|
|
height: 56rpx; |
|
|
|
|
margin-bottom: 16rpx; |
|
|
|
|
margin: 0 auto 16rpx; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.itemText { |
|
|
|
|
width: 100rpx; |
|
|
|
|
height: 34rpx; |
|
|
|
|
font-size: 24rpx; |
|
|
|
|
font-family: PingFang SC, PingFang SC; |
|
|
|
|
font-weight: 400; |
|
|
|
|
color: #565656; |
|
|
|
|
line-height: 34rpx; |
|
|
|
|
white-space: nowrap; |
|
|
|
|
overflow: hidden; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
@ -200,7 +201,7 @@ |
|
|
|
|
|
|
|
|
|
.flowPath { |
|
|
|
|
width: 704rpx; |
|
|
|
|
height: 534rpx; |
|
|
|
|
max-height: 534rpx; |
|
|
|
|
left: 0; |
|
|
|
|
right: 0; |
|
|
|
|
margin: auto; |
|
|
|
|
@ -208,32 +209,28 @@ |
|
|
|
|
border-radius: 8rpx 8rpx 8rpx 8rpx; |
|
|
|
|
opacity: 1; |
|
|
|
|
margin-top: 14rpx; |
|
|
|
|
padding-top: 24rpx; |
|
|
|
|
padding: 24rpx; |
|
|
|
|
box-sizing: border-box; |
|
|
|
|
|
|
|
|
|
.flowTitle { |
|
|
|
|
margin: 0 0 0 26rpx; |
|
|
|
|
height: 40rpx; |
|
|
|
|
font-size: 28rpx; |
|
|
|
|
font-family: PingFang SC, PingFang SC; |
|
|
|
|
font-weight: 500; |
|
|
|
|
color: #000000; |
|
|
|
|
line-height: 40rpx; |
|
|
|
|
|
|
|
|
|
.services { |
|
|
|
|
margin-left: 14rpx; |
|
|
|
|
font-size: 24rpx; |
|
|
|
|
font-family: PingFang SC, PingFang SC; |
|
|
|
|
font-weight: 400; |
|
|
|
|
color: #565656; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.flowImage { |
|
|
|
|
margin-top: 42rpx; |
|
|
|
|
width: 592rpx; |
|
|
|
|
height: 74rpx; |
|
|
|
|
margin-left: 60rpx; |
|
|
|
|
|
|
|
|
|
display: block; |
|
|
|
|
margin: 0 auto; |
|
|
|
|
margin-top: 42rpx; |
|
|
|
|
image { |
|
|
|
|
width: 100%; |
|
|
|
|
height: 100%; |
|
|
|
|
@ -241,16 +238,14 @@ |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.flowList { |
|
|
|
|
; |
|
|
|
|
width: 678rpx; |
|
|
|
|
height: 34rpx; |
|
|
|
|
line-height: 34rpx; |
|
|
|
|
left: 0; |
|
|
|
|
right: 0; |
|
|
|
|
margin: auto; |
|
|
|
|
margin-left: 54rpx; |
|
|
|
|
display: flex; |
|
|
|
|
// justify-content: space-around; |
|
|
|
|
justify-content: center; |
|
|
|
|
margin-top: 18rpx; |
|
|
|
|
|
|
|
|
|
.listText { |
|
|
|
|
@ -267,57 +262,46 @@ |
|
|
|
|
height: 214rpx; |
|
|
|
|
background-image: url('https://www.saas.njrenzhou.com/static/serve/member.png'); |
|
|
|
|
background-size: 100% 100%; |
|
|
|
|
margin: 50rpx 0 0 36rpx; |
|
|
|
|
padding-top: 28rpx; |
|
|
|
|
|
|
|
|
|
padding: 28rpx; |
|
|
|
|
margin-top: 50rpx; |
|
|
|
|
.memberCenter { |
|
|
|
|
height: 40rpx; |
|
|
|
|
font-size: 28rpx; |
|
|
|
|
font-family: PingFang SC, PingFang SC; |
|
|
|
|
font-weight: 600; |
|
|
|
|
color: #966542; |
|
|
|
|
line-height: 40rpx; |
|
|
|
|
margin: 0 0 0 32rpx; |
|
|
|
|
line-height: 50rpx; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.power { |
|
|
|
|
margin: 4rpx 0 0 32rpx; |
|
|
|
|
height: 28rpx; |
|
|
|
|
margin-top: 4rpx; |
|
|
|
|
font-size: 20rpx; |
|
|
|
|
font-family: PingFang SC, PingFang SC; |
|
|
|
|
font-weight: 400; |
|
|
|
|
color: #966542; |
|
|
|
|
line-height: 28rpx; |
|
|
|
|
line-height: 40rpx; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.opera { |
|
|
|
|
margin: 24rpx 0 0 32rpx; |
|
|
|
|
margin-top: 14rpx; |
|
|
|
|
font-size: 24rpx; |
|
|
|
|
font-family: PingFang SC, PingFang SC; |
|
|
|
|
font-weight: 400; |
|
|
|
|
color: #9F744D; |
|
|
|
|
line-height: 28rpx; |
|
|
|
|
display: flex; |
|
|
|
|
|
|
|
|
|
align-items: center; |
|
|
|
|
.number { |
|
|
|
|
font-size: 52rpx; |
|
|
|
|
font-family: PingFang SC, PingFang SC; |
|
|
|
|
font-weight: 600; |
|
|
|
|
color: #9C714A; |
|
|
|
|
line-height: 61rpx; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.operaBtn { |
|
|
|
|
margin-left: 14rpx; |
|
|
|
|
width: 138rpx; |
|
|
|
|
height: 60rpx; |
|
|
|
|
background: #9F744D; |
|
|
|
|
border-radius: 82rpx 82rpx 82rpx 82rpx; |
|
|
|
|
opacity: 1; |
|
|
|
|
border-radius: 82rpx; |
|
|
|
|
text-align: center; |
|
|
|
|
line-height: 54rpx; |
|
|
|
|
line-height: 60rpx; |
|
|
|
|
font-size: 24rpx; |
|
|
|
|
font-family: PingFang SC, PingFang SC; |
|
|
|
|
font-weight: 500; |
|
|
|
|
color: #FFFFFF; |
|
|
|
|
} |
|
|
|
|
|
liudan
1 year ago