Food/food_wechat
3
0
Fork 0
Code Issues 18 Pull Requests Actions Packages Projects Releases Wiki Activity

【类 型】：feat

Browse Source 
【原  因】：没有订单时 显示 空订单的图片提示
【过  程】：用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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
pages/order/index.vue
View File

@ -1,16 +1,10 @@
<template> <template>
<view> <view>
<!-- topbar --> <!-- topbar -->
<u-navbar <u-navbar title="订单" bgColor="#d43030" :titleStyle="{ color: '#FFF' }" :autoBack="false" placeholder>
title="订单" <view class="u-nav-slot" slot="left" @click="onBackClick">
bgColor="#d43030" <u-icon name="arrow-left" color="#fff" size="19"></u-icon>
:titleStyle="{ color: '#FFF' }" </view>
: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> </u-navbar>
<!-- tab --> <!-- tab -->
<view class="tabListBox m-l-24 m-r-24 m-t-24 flex msb pr"> <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> <u-divider class="m-r-24 m-l-24" text="没有更多了" :hairline="true"></u-divider>
<view class="extra-space2"></view> <view class="extra-space2"></view>
</view> </view>
<u-empty margin-top="80" text="暂无订单,快去逛逛吧!" v-else mode="order" icon="/static/order.png" />
</scroll-view> </scroll-view>
</swiper-item> </swiper-item>
<swiper-item class="swiperClass"> <swiper-item class="swiperClass">
@ -44,6 +39,7 @@
<u-divider class="m-r-24 m-l-24" text="没有更多了" :hairline="true"></u-divider> <u-divider class="m-r-24 m-l-24" text="没有更多了" :hairline="true"></u-divider>
<view class="extra-space2"></view> <view class="extra-space2"></view>
</view> </view>
<u-empty margin-top="80" text="暂无订单,快去逛逛吧！" v-else mode="order" icon="/static/order.png" />
</scroll-view> </scroll-view>
</swiper-item> </swiper-item>
<swiper-item class="swiperClass"> <swiper-item class="swiperClass">
@ -53,6 +49,7 @@
<u-divider class="m-r-24 m-l-24" text="没有更多了" :hairline="true"></u-divider> <u-divider class="m-r-24 m-l-24" text="没有更多了" :hairline="true"></u-divider>
<view class="extra-space2"></view> <view class="extra-space2"></view>
</view> </view>
<u-empty margin-top="80" text="暂无订单,快去逛逛吧！" v-else mode="order" icon="/static/order.png" />
</scroll-view> </scroll-view>
</swiper-item> </swiper-item>
</swiper> </swiper>
@ -65,7 +62,7 @@
return { return {
tabList: ['待支付', '已付款', '退款售后'], // tab标签 tabList: ['待支付', '已付款', '退款售后'], // tab标签
current: 1, //当前激活标签 current: 1, //当前激活标签
tabLineLeft: 24 ,//tabLine 样式表的left值 tabLineLeft: 24, //tabLine 样式表的left值
} }
}, },
onLoad() { onLoad() {
@ -99,15 +96,15 @@
onBackClick() { onBackClick() {
const pages = getCurrentPages() // 获取当前页面栈 const pages = getCurrentPages() // 获取当前页面栈
if (pages.length === 1) { if (pages.length === 1) {
// 如果当前页面是栈中的唯一页面，跳转到首页 // 如果当前页面是栈中的唯一页面，跳转到首页
uni.reLaunch({ uni.reLaunch({
url: '/pages/index/index', // 跳转到首页 url: '/pages/index/index', // 跳转到首页
}) })
} else { } else {
// 否则返回上一页 // 否则返回上一页
uni.navigateBack({ uni.navigateBack({
delta: 1, // 返回上一页 delta: 1, // 返回上一页
}) })
} }
}, },
//点击tab标签时 设置current //点击tab标签时 设置current

3
pages/shop/list.vue
View File

@ -126,8 +126,7 @@
// 当页面显示时，设置tabber的激活项 // 当页面显示时，设置tabber的激活项
this.$store.commit('setTabbarCurrent', 1) this.$store.commit('setTabbarCurrent', 1)
}, },
watch: { watch: {},
},
computed: { computed: {
//站点信息 //站点信息
siteCon() { siteCon() {