From 5d8e5b66df8c415f9226e2d3d5165655037e694f Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=BE=90=E9=A3=9E=E6=B4=8B?= <15778543+xufeiyang6017@user.noreply.gitee.com> Date: Thu, 15 Jan 2026 15:46:01 +0800 Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E8=AE=A2=E5=8D=95=E9=A1=B5?= =?UTF-8?q?=E9=9D=A2=E5=B9=B6=E6=9B=B4=E6=96=B0=E4=B8=AA=E4=BA=BA=E4=B8=AD?= =?UTF-8?q?=E5=BF=83=E8=AE=A2=E5=8D=95=E6=8C=89=E9=92=AE?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- app.json | 3 +- pages/order/index.js | 57 +++++++++++ pages/order/index.json | 6 ++ pages/order/index.wxml | 21 +++++ pages/order/index.wxss | 197 +++++++++++++++++++++++++++++++++++++++ pages/profile/index.js | 7 ++ pages/profile/index.wxml | 5 + 7 files changed, 295 insertions(+), 1 deletion(-) create mode 100644 pages/order/index.js create mode 100644 pages/order/index.json create mode 100644 pages/order/index.wxml create mode 100644 pages/order/index.wxss diff --git a/app.json b/app.json index 6b6d02b..4cd5158 100644 --- a/app.json +++ b/app.json @@ -17,7 +17,8 @@ "pages/message-list/index", "pages/customer-service/index", "pages/cooperation/index", - "pages/goods/index" + "pages/goods/index", + "pages/order/index" ], "subpackages": [ { diff --git a/pages/order/index.js b/pages/order/index.js new file mode 100644 index 0000000..bc7e551 --- /dev/null +++ b/pages/order/index.js @@ -0,0 +1,57 @@ +// pages/order/index.js +Page({ + // 分享给朋友/群聊 + onShareAppMessage() { + return { + title: '鸡蛋贸易平台 - 我的订单', + path: '/pages/order/index', + imageUrl: '/images/你有好蛋.png' + } + }, + + // 分享到朋友圈 + onShareTimeline() { + return { + title: '鸡蛋贸易平台 - 我的订单', + query: '', + imageUrl: '/images/你有好蛋.png' + } + }, + + data: { + userInfo: {}, + orders: [] + }, + + onLoad() { + // 页面加载时的初始化逻辑 + this.loadUserInfo(); + }, + + onShow() { + // 页面显示时的逻辑 + this.loadUserInfo(); + // 更新自定义tabBar状态 + if (typeof this.getTabBar === 'function' && this.getTabBar()) { + this.getTabBar().setData({ + selected: 4 // 保持与个人中心相同的选中状态 + }); + } + }, + + // 加载用户信息 + loadUserInfo() { + const app = getApp(); + if (app.globalData.userInfo) { + this.setData({ userInfo: app.globalData.userInfo }); + } else { + const localUserInfo = wx.getStorageSync('userInfo') || {}; + this.setData({ userInfo: localUserInfo }); + } + }, + + // 返回上一页 + goBack() { + wx.navigateBack(); + } +}) diff --git a/pages/order/index.json b/pages/order/index.json new file mode 100644 index 0000000..3fae988 --- /dev/null +++ b/pages/order/index.json @@ -0,0 +1,6 @@ +{ + "usingComponents": {}, + "navigationBarTitleText": "我的订单", + "navigationBarBackgroundColor": "#fff", + "navigationBarTextStyle": "black" +} diff --git a/pages/order/index.wxml b/pages/order/index.wxml new file mode 100644 index 0000000..73b2a92 --- /dev/null +++ b/pages/order/index.wxml @@ -0,0 +1,21 @@ + + + + 全部 + 待付款 + 待发货 + 待收货 + 已完成 + + + + + + + 📦 + 空空如也~ + 您还没有任何订单,快去选购吧 + + + + diff --git a/pages/order/index.wxss b/pages/order/index.wxss new file mode 100644 index 0000000..f357f79 --- /dev/null +++ b/pages/order/index.wxss @@ -0,0 +1,197 @@ +/* pages/order/index.wxss */ +.order-page { + min-height: 100vh; + background-color: #f5f5f5; +} + +/* 订单状态标签栏 */ +.order-tabs { + display: flex; + background-color: #fff; + border-bottom: 1rpx solid #e0e0e0; + overflow-x: auto; + white-space: nowrap; +} + +.tab-item { + flex: 1; + min-width: 160rpx; + text-align: center; + padding: 24rpx 0; + font-size: 32rpx; + color: #666; + position: relative; +} + +.tab-item.active { + color: #1677ff; + font-weight: bold; +} + +.tab-item.active::after { + content: ''; + position: absolute; + bottom: 0; + left: 50%; + transform: translateX(-50%); + width: 60rpx; + height: 6rpx; + background-color: #1677ff; + border-radius: 3rpx; +} + +/* 订单列表 */ +.order-list { + padding: 20rpx; +} + +/* 暂无订单提示 */ +.no-orders { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + padding: 120rpx 0; + background-color: #fff; + border-radius: 12rpx; + box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.05); +} + +.no-orders-icon { + font-size: 160rpx; + margin-bottom: 40rpx; +} + +.no-orders-title { + font-size: 36rpx; + font-weight: bold; + color: #333; + margin-bottom: 20rpx; +} + +.no-orders-subtitle { + font-size: 28rpx; + color: #999; + margin-bottom: 60rpx; +} + +.go-shopping-btn { + background-color: #1677ff; + color: #fff; + border: none; + padding: 20rpx 80rpx; + border-radius: 60rpx; + font-size: 32rpx; + font-weight: bold; +} + +/* 订单卡片样式(预留) */ +.order-card { + background-color: #fff; + border-radius: 12rpx; + padding: 30rpx; + margin-bottom: 20rpx; + box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.05); +} + +.order-header { + display: flex; + justify-content: space-between; + align-items: center; + margin-bottom: 20rpx; + padding-bottom: 20rpx; + border-bottom: 1rpx solid #f0f0f0; +} + +.order-info { + font-size: 28rpx; + color: #666; +} + +.order-status { + font-size: 28rpx; + color: #1677ff; + font-weight: bold; +} + +.order-goods { + margin-bottom: 20rpx; +} + +.goods-item { + display: flex; + margin-bottom: 20rpx; +} + +.goods-image { + width: 120rpx; + height: 120rpx; + border-radius: 8rpx; + margin-right: 20rpx; +} + +.goods-info { + flex: 1; + display: flex; + flex-direction: column; + justify-content: space-between; +} + +.goods-name { + font-size: 32rpx; + color: #333; + margin-bottom: 10rpx; + display: -webkit-box; + -webkit-line-clamp: 2; + -webkit-box-orient: vertical; + overflow: hidden; +} + +.goods-spec { + font-size: 26rpx; + color: #999; + margin-bottom: 10rpx; +} + +.goods-price { + font-size: 32rpx; + color: #ff4d4f; + font-weight: bold; +} + +.order-footer { + display: flex; + justify-content: space-between; + align-items: center; + padding-top: 20rpx; + border-top: 1rpx solid #f0f0f0; +} + +.total-price { + font-size: 32rpx; + color: #333; +} + +.total-price .price { + color: #ff4d4f; + font-weight: bold; +} + +.order-actions { + display: flex; +} + +.action-btn { + padding: 12rpx 30rpx; + border-radius: 40rpx; + font-size: 28rpx; + margin-left: 20rpx; + border: 2rpx solid #1677ff; + color: #1677ff; + background-color: #fff; +} + +.action-btn.primary { + background-color: #1677ff; + color: #fff; +} diff --git a/pages/profile/index.js b/pages/profile/index.js index 094bdf6..95a117a 100644 --- a/pages/profile/index.js +++ b/pages/profile/index.js @@ -964,4 +964,11 @@ Page({ }); }, + // 跳转到订单页面 + goToOrders() { + wx.navigateTo({ + url: '/pages/order/index' + }); + }, + }) diff --git a/pages/profile/index.wxml b/pages/profile/index.wxml index 623a318..b823fa2 100644 --- a/pages/profile/index.wxml +++ b/pages/profile/index.wxml @@ -38,6 +38,11 @@ 收藏夹 + + + 📦 + 订单 +