This commit is contained in:
kbing1981 2024-07-02 18:10:24 +08:00
parent fff2e1fa4c
commit 03f946d21d
2 changed files with 41 additions and 29 deletions

View File

@ -1,5 +1,5 @@
<template> <template>
<view class="content"> <view class="content clock-padding">
<view class="header"> <view class="header">
<view class="header-top"> <view class="header-top">
<view class="header-top-left"> <view class="header-top-left">
@ -57,10 +57,10 @@
<span class="shouyi-text">0.8km</span> <span class="shouyi-text">0.8km</span>
</view> --> </view> -->
</view> </view>
<view class="mian-foot-dan shouyi-text"> <view class="mian-foot-dan od-number" >
订单编号 : {{item.ordersNo}} 订单编号 : {{item.ordersNo}}
</view> </view>
<view class="mian-foot-adder shouyi-text"> <view class="mian-foot-adder add-text" >
服务地址 : {{item.address}} 服务地址 : {{item.address}}
</view> </view>
<view class="mian-bottom"> <view class="mian-bottom">
@ -96,16 +96,16 @@
<span class="shouyi-text">0.8km</span> <span class="shouyi-text">0.8km</span>
</view> </view>
</view> </view>
<view class="mian-foot-dan shouyi-text"> <view class="mian-foot-dan od-number">
订单编号 : {{item.ordersNo}} 订单编号 : {{item.ordersNo}}
</view> </view>
<view class="mian-foot-adder shouyi-text"> <view class="mian-foot-adder add-text">
服务地址 : {{item.address}} 服务地址 : {{item.address}}
</view> </view>
<view class="mian-bottom"> <view class="mian-bottom">
<view class="mian-bottom-xiang shouyi-text">项目金额 : {{item.price}}</view> <view class="mian-bottom-xiang add-text">项目金额 : {{item.price}}</view>
<view class="mian-bottom-shou"> <view class="mian-bottom-shou">
<span class="shouyi-text">本单收益: </span> <span class="add-text">本单收益: </span>
<span class="shouyi-text" style="color: #FF6000;font-weight: bold;">{{item.artificerMoney}}</span> <span class="shouyi-text" style="color: #FF6000;font-weight: bold;">{{item.artificerMoney}}</span>
</view> </view>
</view> </view>
@ -269,6 +269,7 @@
} }
/deep/.page-box{ /deep/.page-box{
width: 100%; width: 100%;
background: #f7f7f7;
} }
/deep/.t-loading-box{ /deep/.t-loading-box{
text-align: center; text-align: center;
@ -296,14 +297,13 @@
margin-bottom: 10px; margin-bottom: 10px;
} }
.tapNav-list{ .tapNav-list{
width: 100%; width: 94%;
margin: 0 auto; margin: 8rpx auto;
display: flex; display: flex;
flex-direction:row; flex-direction:row;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
background-color: #fff; }
}
.tapNav-view{ .tapNav-view{
height: 40px; height: 40px;
width: 50%; width: 50%;
@ -350,6 +350,7 @@
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
margin-top: 4px;
} }
.mian-foot-adder{ .mian-foot-adder{
margin: 2px 0px; margin: 2px 0px;
@ -378,30 +379,30 @@
margin-bottom: 5px; margin-bottom: 5px;
} }
.mian-foot-list{ .mian-foot-list{
width: 75%; width: 73%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
.mian-foot-img image{ .mian-foot-img image{
width: 100%; width: 100%;
height: 100%; height: 100%;
border-radius: 20rpx;
} }
.mian-foot-img{ .mian-foot-img{
width: 158rpx; width: 160rpx;
height: 188rpx; height: 160rpx;
background: #E6E6E6; background: #E6E6E6;
border-radius: 14rpx; border-radius: 30rpx;
} }
.mian-foot{ .mian-foot{
width: 100%; width: 100%;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center;
justify-content: space-between; justify-content: space-between;
} }
.mian-list-top-time span{ .mian-list-top-time span{
font-size:25rpx; font-size:26rpx;
} }
.mian-list-top-time span:nth-child(1){ .mian-list-top-time span:nth-child(1){
color: #7D7D7D; color: #7D7D7D;
@ -446,13 +447,12 @@
} }
.view-title-right{ .view-title-right{
font-weight: 400; font-weight: 400;
font-size: 21rpx; font-size: 26rpx;
color: #666666; color: #666666;
} }
.view-title-left-text{ .view-title-left-text{
font-weight: 400; font-weight: 400;
font-size: 25rpx; font-size: 26rpx;
color: #333333;
margin-left: 5px; margin-left: 5px;
} }
.view-title-left-shuxian{ .view-title-left-shuxian{
@ -494,15 +494,14 @@
height: 49rpx; height: 49rpx;
line-height: 49rpx; line-height: 49rpx;
text-align: center; text-align: center;
font-size: 21rpx; font-size: 26rpx;
color: #333333; color: #333333;
background: #FFFFFF; background: #FFFFFF;
border-radius: 24rpx; border-radius: 24rpx;
margin-top: 8rpx;
} }
.header-text{ .header-text{
font-weight: 400; font-weight: 400;
font-size: 27rpx; font-size: 28rpx;
color: #FFFFFF; color: #FFFFFF;
margin-top: 2px; margin-top: 2px;
} }
@ -527,8 +526,8 @@
.header{ .header{
width: 100%; width: 100%;
height: 300rpx; height: 300rpx;
padding: 15px 20px; padding: 15px;
background:#fff url('../../static/index/fun_banner4.png'); background:#f5f5f5 url('../../static/index/fun_banner4.png');
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
display: flex; display: flex;
@ -544,4 +543,16 @@
background-color: #f7f7f7; background-color: #f7f7f7;
overflow: scroll; overflow: scroll;
} }
.clock-padding{
padding:0rpx 26rpx;
font-family: Helvetica Neue, Helvetica, sans-serif;
}
.od-number{
font-size: 12px;
color: #7ea866;
}
.add-text{
font-size: 13px;
color: #999;
}
</style> </style>

View File

@ -5,13 +5,13 @@
<view class="header-top-left" style="margin-top: -10px;"> <view class="header-top-left" style="margin-top: -10px;">
<image src="../../static/index/dangqian1.png" mode=""></image> <image src="../../static/index/dangqian1.png" mode=""></image>
<span class="header-text">当前周期</span> <span class="header-text">当前周期</span>
<span class="header-text" style="font-size: 16px;">{{startTime}}~{{endTime}}</span> <span class="header-text">{{startTime}}~{{endTime}}</span>
</view> </view>
<view class="header-top-btn" @click="wangqi" style="font-size: 14px; margin-top: -8px;">往期收益</view> <view class="header-top-btn" @click="wangqi" style="font-size: 14px; margin-top: -8px;">往期收益</view>
</view> </view>
<view class="header-bottom" style="margin-bottom: 40rpx;"> <view class="header-bottom" style="margin-bottom: 40rpx;">
<view class="header-bottom-money">{{shouyiMoeny}}</view> <view class="header-bottom-money">{{shouyiMoeny}}</view>
<view class="header-text" style="font-size: 14px; margin-top: -5px;">当前收益</view> <view class="header-text" style=" margin-top: -5px;">当前收益</view>
</view> </view>
<!-- 性别选择 --> <!-- 性别选择 -->
<u-action-sheet :list="wqlistData" v-model="wqsyshow" @click="wqlistCallback"></u-action-sheet> <u-action-sheet :list="wqlistData" v-model="wqsyshow" @click="wqlistCallback"></u-action-sheet>
@ -330,7 +330,7 @@
} }
.header-text{ .header-text{
font-weight: 400; font-weight: 400;
font-size: 28rpx; font-size: 30rpx;
color: #FFFFFF; color: #FFFFFF;
margin-right: 8rpx; margin-right: 8rpx;
} }
@ -344,6 +344,7 @@
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
align-items: flex-end;
} }
.header-top{ .header-top{
width: 100%; width: 100%;