商品浏览页构建前最后一次更新

2026-08-02 00:21:54 +08:00
parent d37a93ab9e
commit e423ab2d73
146 changed files with 3449 additions and 1342 deletions
@@ -147,7 +147,7 @@ function OrdersPage() {
            children: STATUS_TABS.map(function (tab) {
              return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.View, {
                className: "tab-item ".concat(activeTab === tab.code ? 'active' : ''),
-                onClick: function onClick() {
+                onTap: function onTap() {
                  return setActiveTab(tab.code);
                },
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.Text, {
@@ -163,10 +163,12 @@ function OrdersPage() {
          className: "orders-list",
          scrollY: true,
          children: [filteredOrders.map(function (order) {
+            var _order$productIcon;
            var status = STATUS_MAP[order.statusCode] || STATUS_MAP.pending;
+            var iconSrc = (_order$productIcon = order.productIcon) !== null && _order$productIcon !== void 0 && _order$productIcon.startsWith('/icon/') ? order.productIcon : '/icon/四角星.png';
            return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.View, {
              className: "order-card dashed-card",
-              onClick: function onClick() {
+              onTap: function onTap() {
                return goDetail(order);
              },
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.View, {
@@ -184,9 +186,10 @@ function OrdersPage() {
                className: "order-body",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.View, {
                  className: "order-icon-wrapper",
-                  children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.Text, {
-                    className: "order-icon",
-                    children: order.productIcon
+                  children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.Image, {
+                    className: "order-icon-img",
+                    src: iconSrc,
+                    mode: "aspectFit"
                  })
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.View, {
                  className: "order-info",
@@ -227,7 +230,7 @@ function OrdersPage() {
                  }), order.statusCode === 'shipping' && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.Fragment, {
                    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.View, {
                      className: "btn-outline order-btn",
-                      onClick: function onClick(e) {
+                      onTap: function onTap(e) {
                        e.stopPropagation();
                        _tarojs_taro__WEBPACK_IMPORTED_MODULE_0___default().showToast({
                          title: '查看物流',
@@ -239,7 +242,7 @@ function OrdersPage() {
                      })
                    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.View, {
                      className: "btn-gradient order-btn",
-                      onClick: function onClick(e) {
+                      onTap: function onTap(e) {
                        e.stopPropagation();
                        _tarojs_taro__WEBPACK_IMPORTED_MODULE_0___default().showToast({
                          title: '确认收货',
@@ -253,7 +256,7 @@ function OrdersPage() {
                  }), order.statusCode === 'done' && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.Fragment, {
                    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.View, {
                      className: "btn-outline order-btn",
-                      onClick: function onClick(e) {
+                      onTap: function onTap(e) {
                        e.stopPropagation();
                        _tarojs_taro__WEBPACK_IMPORTED_MODULE_0___default().showToast({
                          title: '申请售后',
@@ -265,7 +268,7 @@ function OrdersPage() {
                      })
                    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.View, {
                      className: "btn-gradient order-btn",
-                      onClick: function onClick(e) {
+                      onTap: function onTap(e) {
                        e.stopPropagation();
                        _tarojs_taro__WEBPACK_IMPORTED_MODULE_0___default().showToast({
                          title: '再来一单',
@@ -278,7 +281,7 @@ function OrdersPage() {
                    })]
                  }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.View, {
                    className: "btn-outline order-btn",
-                    onClick: function onClick(e) {
+                    onTap: function onTap(e) {
                      e.stopPropagation();
                      goDetail(order);
                    },
@@ -291,9 +294,10 @@ function OrdersPage() {
            }, order.id);
          }), filteredOrders.length === 0 && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.View, {
            className: "empty-state",
-            children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.Text, {
-              className: "empty-icon",
-              children: "\uD83D\uDCE6"
+            children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.Image, {
+              className: "empty-icon-img",
+              src: "/icon/\u5305\u88F9.png",
+              mode: "aspectFit"
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.Text, {
              className: "empty-text",
              children: "\u6682\u65E0\u8BA2\u5355"
@@ -302,7 +306,7 @@ function OrdersPage() {
              children: "\u53BB\u9996\u9875\u5F00\u59CB\u5B9A\u5236\u5427"
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.View, {
              className: "btn-gradient",
-              onClick: function onClick() {
+              onTap: function onTap() {
                return _tarojs_taro__WEBPACK_IMPORTED_MODULE_0___default().switchTab({
                  url: '/pages/index/index'
                });
@@ -116,6 +116,11 @@
  font-size: 56rpx;
 }

+.order-icon-img {
+  width: 56rpx;
+  height: 56rpx;
+}
+
 .order-info {
  -webkit-flex: 1;
      -ms-flex: 1;
@@ -203,20 +208,21 @@
  padding: 120rpx 40rpx;
 }

-.empty-icon {
-  font-size: 100rpx;
+.empty-icon-img {
+  width: 56rpx;
+  height: 56rpx;
  margin-bottom: 24rpx;
 }

 .empty-text {
  font-size: 36rpx;
  font-weight: 700;
-  color: #5c3a3a;
+  color: var(--text-primary);
  margin-bottom: 12rpx;
 }

 .empty-sub {
  font-size: 28rpx;
-  color: #b08d8d;
+  color: var(--text-secondary);
  margin-bottom: 40rpx;
 }