|
@@ -1,9 +1,13 @@
|
|
<template>
|
|
<template>
|
|
<scroll-view class="container" :style="{backgroundColor: entrustTotle ? '#f7f7f7' : '#f7f7f7'}" scroll-y="true" @scrolltolower="handleLoadMore()">
|
|
<scroll-view class="container" :style="{backgroundColor: entrustTotle ? '#f7f7f7' : '#f7f7f7'}" scroll-y="true" @scrolltolower="handleLoadMore()">
|
|
- <view class="entrust-info">
|
|
|
|
|
|
+ <view class="entrust-info" :style="{height: entrustTotle ? '115px' : '60px'}">
|
|
<view class="entrust-info-text">共{{entrustTotle}}个委托订单</view>
|
|
<view class="entrust-info-text">共{{entrustTotle}}个委托订单</view>
|
|
</view>
|
|
</view>
|
|
- <view class="entrust-row" v-for="(item, index) in entrustList" :key="index">
|
|
|
|
|
|
+ <view v-if="!entrustTotle" class="no-cart">
|
|
|
|
+ <image class="no-cart-img" src="../static/images/noCart.png" mode="aspectFill"></image>
|
|
|
|
+ <text class="no-cart-text">暂无订单</text>
|
|
|
|
+ </view>
|
|
|
|
+ <view v-if="entrustTotle" class="entrust-row" v-for="(item, index) in entrustList" :key="index">
|
|
<view class="entrust-title">已委托订单</view>
|
|
<view class="entrust-title">已委托订单</view>
|
|
<view class="entrust-text">委托开始时间:{{item.entrustStartTime}}</view>
|
|
<view class="entrust-text">委托开始时间:{{item.entrustStartTime}}</view>
|
|
<view class="entrust-text">委托时长:{{item.entrustDurationTime}}小时</view>
|
|
<view class="entrust-text">委托时长:{{item.entrustDurationTime}}小时</view>
|
|
@@ -147,7 +151,35 @@
|
|
line-height: 50px;
|
|
line-height: 50px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
-
|
|
|
|
|
|
+
|
|
|
|
+ .no-cart {
|
|
|
|
+ display: flex;
|
|
|
|
+ flex-direction: column;
|
|
|
|
+ justify-content: center;
|
|
|
|
+ align-items: center;
|
|
|
|
+ top: 25%;
|
|
|
|
+ left:30%;
|
|
|
|
+ position: absolute;
|
|
|
|
+ .no-cart-img {
|
|
|
|
+ width: 155px;
|
|
|
|
+ height: 200px;
|
|
|
|
+ margin-bottom: 20px;
|
|
|
|
+ }
|
|
|
|
+ .no-cart-text {
|
|
|
|
+ font-size: 16px;
|
|
|
|
+ font-family: PingFang SC;
|
|
|
|
+ color: #999999;
|
|
|
|
+ }
|
|
|
|
+ .button1 {
|
|
|
|
+ /deep/button {
|
|
|
|
+ background-color: #ffffff !important;
|
|
|
|
+ border: 1px solid #74bd60 !important;
|
|
|
|
+ color: #74bd60 !important;
|
|
|
|
+ }
|
|
|
|
+ width: 40%;
|
|
|
|
+ height: 34px;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
.entrust-row {
|
|
.entrust-row {
|
|
width: calc(100% - 30px);
|
|
width: calc(100% - 30px);
|
|
float: left;
|
|
float: left;
|