优化占位图显示

src/pages/mine/subs/trade/index.vue

@@ -2,25 +2,25 @@
   <tabbar :titles='["全部","充值","消费"]' @change='changeTab' :item-active-color='"#D95554"'
           :indicator-color='"#D95554"' />
   <view class='content'>
-    <view class='c-flex-row'>
-      <text>选择日期</text>
-      <picker mode='date' @change='changeDate'>
-        <view class='current-date c-flex-row'>
-          <text>{{ tradeDate }}</text>
-          <image :src='assetsUrl("ic_triangle_down.png")' />
-        </view>
-      </picker>
-    </view>
+    <!--    <view class='c-flex-row'>-->
+    <!--      <text>选择日期</text>-->
+    <!--      <picker mode='date' @change='changeDate'>-->
+    <!--        <view class='current-date c-flex-row'>-->
+    <!--          <text>{{ tradeDate }}</text>-->
+    <!--          <image :src='assetsUrl("ic_triangle_down.png")' />-->
+    <!--        </view>-->
+    <!--      </picker>-->
+    <!--    </view>-->
 
     <u-list @scrolltolower='loadMore'>
       <trade-item v-for='(item,index) in tradeList' :key='index' :item='item' />
-      <u-loadmore status='loading' />
+      <u-loadmore v-if='tradeList.length>0' :status='loadingStatus' />
+      <u-empty v-if='tradeList.length === 0' text='暂无数据' margin-top='100' />
     </u-list>
   </view>
 </template>
 
 <script lang='ts' setup>
-import { assetsUrl } from '@/utils/assets';
 import TradeItem from './components/trade-item.vue';
 import { getTradeList } from '@/api/user';
 import dayjs from 'dayjs';
@@ -29,6 +29,7 @@ const tradeList = ref([]);
 const tradeType = ref('');
 const tradeDate = ref();
 const currentPageNum = ref(1);
+const loadingStatus = ref('loading');
 
 onLoad((e) => {
   tradeDate.value = dayjs(Date.now()).format('YYYY-MM-DD');
@@ -57,6 +58,7 @@ const changeTab = (index: number) => {
 
 const fetchData = async (refresh: boolean = true) => {
   currentPageNum.value = refresh ? 1 : currentPageNum.value + 1;
+  loadingStatus.value = 'loading';
   const { list } = await getTradeList({
     // startDate: tradeDate.value,
     // endDate: dayjs(tradeDate.value).add(1, 'day').format('YYYY-MM-DD'),
@@ -69,6 +71,7 @@ const fetchData = async (refresh: boolean = true) => {
   } else {
     tradeList.value = tradeList.value.concat(list);
   }
+  loadingStatus.value = 'no';
 };
 
 const loadMore = () => {