diff --git a/apps/mini-user/src/assets/icons/关于我们.png b/apps/mini-user/src/assets/icons/关于我们.png
new file mode 100644
index 0000000..55b77c0
Binary files /dev/null and b/apps/mini-user/src/assets/icons/关于我们.png differ
diff --git a/apps/mini-user/src/assets/icons/可用门店.png b/apps/mini-user/src/assets/icons/可用门店.png
new file mode 100644
index 0000000..85cab48
Binary files /dev/null and b/apps/mini-user/src/assets/icons/可用门店.png differ
diff --git a/apps/mini-user/src/assets/icons/地址管理.png b/apps/mini-user/src/assets/icons/地址管理.png
new file mode 100644
index 0000000..5264644
Binary files /dev/null and b/apps/mini-user/src/assets/icons/地址管理.png differ
diff --git a/apps/mini-user/src/assets/icons/已付款.png b/apps/mini-user/src/assets/icons/已付款.png
new file mode 100644
index 0000000..c958b91
Binary files /dev/null and b/apps/mini-user/src/assets/icons/已付款.png differ
diff --git a/apps/mini-user/src/assets/icons/已完成.png b/apps/mini-user/src/assets/icons/已完成.png
new file mode 100644
index 0000000..d0d2b30
Binary files /dev/null and b/apps/mini-user/src/assets/icons/已完成.png differ
diff --git a/apps/mini-user/src/assets/icons/待付款.png b/apps/mini-user/src/assets/icons/待付款.png
new file mode 100644
index 0000000..ae6ff54
Binary files /dev/null and b/apps/mini-user/src/assets/icons/待付款.png differ
diff --git a/apps/mini-user/src/assets/icons/联系客服.png b/apps/mini-user/src/assets/icons/联系客服.png
new file mode 100644
index 0000000..2802a56
Binary files /dev/null and b/apps/mini-user/src/assets/icons/联系客服.png differ
diff --git a/apps/mini-user/src/assets/icons/资质公示.png b/apps/mini-user/src/assets/icons/资质公示.png
new file mode 100644
index 0000000..29a5ddb
Binary files /dev/null and b/apps/mini-user/src/assets/icons/资质公示.png differ
diff --git a/apps/mini-user/src/pages/mine/index.tsx b/apps/mini-user/src/pages/mine/index.tsx
index 6e448eb..0d230d1 100644
--- a/apps/mini-user/src/pages/mine/index.tsx
+++ b/apps/mini-user/src/pages/mine/index.tsx
@@ -28,19 +28,27 @@ import {
DEFAULT_SHARE_TITLE,
toWeappShareMessage,
} from '../../lib/wechat-share';
+import iconPendingPay from '../../assets/icons/待付款.png';
+import iconPaid from '../../assets/icons/已付款.png';
+import iconCompleted from '../../assets/icons/已完成.png';
+import iconAddress from '../../assets/icons/地址管理.png';
+import iconStores from '../../assets/icons/可用门店.png';
+import iconCs from '../../assets/icons/联系客服.png';
+import iconQualification from '../../assets/icons/资质公示.png';
+import iconAbout from '../../assets/icons/关于我们.png';
const ORDER_SHORTCUTS = [
- { tab: 'pending_pay', icon: '付', label: '待付款' },
- { tab: 'paid', icon: '包', label: '已付款' },
- { tab: 'completed', icon: '成', label: '已完成' },
+ { tab: 'pending_pay', icon: iconPendingPay, label: '待付款' },
+ { tab: 'paid', icon: iconPaid, label: '已付款' },
+ { tab: 'completed', icon: iconCompleted, label: '已完成' },
] as const;
const SERVICES = [
- { icon: '址', label: '地址管理', url: '/pages/addresses/index' },
- { icon: '店', label: '可用门店', tab: '/pages/stores/index' },
- { icon: '服', label: '联系客服', url: '/pages/customer-service/index' },
- { icon: '资', label: '资质公示', action: 'qualification' as const },
- { icon: '关', label: '关于我们', action: 'about' as const },
+ { icon: iconAddress, label: '地址管理', url: '/pages/addresses/index' },
+ { icon: iconStores, label: '可用门店', tab: '/pages/stores/index' },
+ { icon: iconCs, label: '联系客服', url: '/pages/customer-service/index' },
+ { icon: iconQualification, label: '资质公示', action: 'qualification' as const },
+ { icon: iconAbout, label: '关于我们', action: 'about' as const },
] as const;
const isWeapp = process.env.TARO_ENV === 'weapp';
@@ -455,7 +463,7 @@ export default function MinePage() {
}
>
- {item.icon}
+
{count > 0 ? (
{count > 99 ? '99+' : count}
@@ -479,7 +487,7 @@ export default function MinePage() {
onClick={() => handleService(item)}
>
- {item.icon}
+
{item.label}
diff --git a/apps/mini-user/src/styles/mine.css b/apps/mini-user/src/styles/mine.css
index 251968e..06ae44d 100644
--- a/apps/mini-user/src/styles/mine.css
+++ b/apps/mini-user/src/styles/mine.css
@@ -255,16 +255,18 @@
.mine-order-icon {
width: 36px;
height: 36px;
- border-radius: 10px;
- background: rgba(166, 29, 36, 0.08);
display: flex;
align-items: center;
justify-content: center;
- color: var(--color-heritage-red);
- font-size: 16px;
margin-bottom: 4px;
}
+.mine-order-icon-img {
+ width: 28px;
+ height: 28px;
+ display: block;
+}
+
.mine-order-badge {
position: absolute;
top: 2px;
@@ -300,18 +302,20 @@
}
.mine-service-icon {
- width: 32px;
- height: 32px;
- border-radius: 8px;
- background: var(--color-surface-container-low);
+ width: 36px;
+ height: 36px;
display: flex;
align-items: center;
justify-content: center;
- color: var(--color-heritage-red);
- font-size: 14px;
margin-bottom: 4px;
}
+.mine-service-icon-img {
+ width: 28px;
+ height: 28px;
+ display: block;
+}
+
.mine-service-label {
font-size: 11px;
color: var(--color-on-surface);