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);