【类 型】:feat

【原  因】:没有订单时 显示 空订单的图片提示
【过  程】:用uView 空组件
【影  响】:

# 类型 包含:
# feat:新功能(feature)
# fix:修补bug
# docs:文档(documentation)
# style: 格式(不影响代码运行的变动)
# refactor:重构(即不是新增功能,也不是修改bug的代码变动)
# test:增加测试
# chore:构建过程或辅助工具的变动
This commit is contained in:
air 2025-01-21 11:29:45 +08:00
parent e432db73b8
commit a3741d1108
2 changed files with 17 additions and 21 deletions

View File

@ -1,16 +1,10 @@
<template>
<view>
<!-- topbar -->
<u-navbar
title="订单"
bgColor="#d43030"
:titleStyle="{ color: '#FFF' }"
:autoBack="false"
placeholder
>
<view class="u-nav-slot" slot="left" @click="onBackClick">
<u-icon name="arrow-left" color="#fff" size="19"></u-icon>
</view>
<u-navbar title="订单" bgColor="#d43030" :titleStyle="{ color: '#FFF' }" :autoBack="false" placeholder>
<view class="u-nav-slot" slot="left" @click="onBackClick">
<u-icon name="arrow-left" color="#fff" size="19"></u-icon>
</view>
</u-navbar>
<!-- tab -->
<view class="tabListBox m-l-24 m-r-24 m-t-24 flex msb pr">
@ -35,6 +29,7 @@
<u-divider class="m-r-24 m-l-24" text="没有更多了" :hairline="true"></u-divider>
<view class="extra-space2"></view>
</view>
<u-empty margin-top="80" text="暂无订单,快去逛逛吧!" v-else mode="order" icon="/static/order.png" />
</scroll-view>
</swiper-item>
<swiper-item class="swiperClass">
@ -44,6 +39,7 @@
<u-divider class="m-r-24 m-l-24" text="没有更多了" :hairline="true"></u-divider>
<view class="extra-space2"></view>
</view>
<u-empty margin-top="80" text="暂无订单,快去逛逛吧!" v-else mode="order" icon="/static/order.png" />
</scroll-view>
</swiper-item>
<swiper-item class="swiperClass">
@ -53,6 +49,7 @@
<u-divider class="m-r-24 m-l-24" text="没有更多了" :hairline="true"></u-divider>
<view class="extra-space2"></view>
</view>
<u-empty margin-top="80" text="暂无订单,快去逛逛吧!" v-else mode="order" icon="/static/order.png" />
</scroll-view>
</swiper-item>
</swiper>
@ -65,7 +62,7 @@
return {
tabList: ['待支付', '已付款', '退款售后'], // tab
current: 1, //
tabLineLeft: 24 ,//tabLine left
tabLineLeft: 24, //tabLine left
}
},
onLoad() {
@ -99,15 +96,15 @@
onBackClick() {
const pages = getCurrentPages() //
if (pages.length === 1) {
//
uni.reLaunch({
url: '/pages/index/index', //
})
//
uni.reLaunch({
url: '/pages/index/index', //
})
} else {
//
uni.navigateBack({
delta: 1, //
})
//
uni.navigateBack({
delta: 1, //
})
}
},
//tab current

View File

@ -126,8 +126,7 @@
// tabber
this.$store.commit('setTabbarCurrent', 1)
},
watch: {
},
watch: {},
computed: {
//
siteCon() {