diff --git a/other-module/mini-program/nutrition/me-account.html b/other-module/mini-program/nutrition/me-account.html index ce8436a..1b836b5 100644 --- a/other-module/mini-program/nutrition/me-account.html +++ b/other-module/mini-program/nutrition/me-account.html @@ -64,6 +64,26 @@ .info-value.gold { color: #d4a017; } .info-row.editable { cursor: pointer; } .edit-icon { font-size: 12px; font-style: normal; opacity: 0.6; } + /* 演示切换栏 */ + .demo-bar { + display: flex; align-items: center; gap: 8px; padding: 10px 16px; + background: #fffbe6; border-bottom: 1px solid #ffe58f; font-size: 12px; color: #8c6d1f; + } + .demo-bar .demo-label { font-weight: 600; } + .demo-bar .demo-state { font-weight: 600; min-width: 48px; } + /* 切换开关 */ + .toggle-switch { position: relative; display: inline-block; width: 44px; height: 24px; } + .toggle-switch input { display: none; } + .toggle-slider { + position: absolute; top: 0; left: 0; right: 0; bottom: 0; + background: #d9d9d9; border-radius: 24px; cursor: pointer; transition: 0.3s; + } + .toggle-slider::before { + content: ''; position: absolute; left: 3px; bottom: 3px; width: 18px; height: 18px; + background: #fff; border-radius: 50%; transition: 0.3s; + } + input:checked + .toggle-slider { background: #52c41a; } + input:checked + .toggle-slider::before { transform: translateX(20px); } @@ -86,6 +106,15 @@ 点击修改头像 + +
+ 演示切换： + + 未认证 +
姓名张三
@@ -97,9 +126,47 @@
单位CQ能源
部门采油一厂
会员等级黄金会员
+ +
+ 人脸信息 + 未认证› +
+ \ No newline at end of file diff --git a/other-module/mini-program/nutrition/me-face-info.html b/other-module/mini-program/nutrition/me-face-info.html new file mode 100644 index 0000000..e94b4e3 --- /dev/null +++ b/other-module/mini-program/nutrition/me-face-info.html @@ -0,0 +1,111 @@ + + + + + + 人脸信息 | 智能餐养小程序 + + + +
+
+ 09:41 +
📶WiFi🔋
+
+
+ ‹ + 人脸信息 + +
+
+ +
+
+ 🙂 + ✓ +
+
+ +
+
认证状态已认证
+
录入时间2026-08-01 14:30
+
清晰度95%
+
+ +
+ 重新录入 +
+
+
+
+ + diff --git a/other-module/mini-program/nutrition/me-face-verify.html b/other-module/mini-program/nutrition/me-face-verify.html new file mode 100644 index 0000000..ab7b350 --- /dev/null +++ b/other-module/mini-program/nutrition/me-face-verify.html @@ -0,0 +1,317 @@ + + + + + + 人脸认证 | 智能餐养小程序 + + + +
+
+ 09:41 +
📶WiFi🔋
+
+
+ ‹ + 人脸认证 + +
+
+ +
+
1
+
+
2
+
+
3
+
+ + +
+
+
+ + + + +
+
+ 👤 + 请将面部置于取景框内 +
+
+

+ 💡 请确保光线充足、面部无遮挡
按提示完成眨眼、张嘴等动作 +

+ + +
+ + + + + + +
+
+
+ + + + diff --git a/other-module/mini-program/nutrition/me-home.html b/other-module/mini-program/nutrition/me-home.html index 90e8394..6cb5ae2 100644 --- a/other-module/mini-program/nutrition/me-home.html +++ b/other-module/mini-program/nutrition/me-home.html @@ -53,6 +53,16 @@ } .user-dept { font-size: 12px; opacity: 0.8; margin-top: 3px; } .user-extra { display: flex; gap: 12px; margin-top: 4px; font-size: 11px; opacity: 0.85; } + /* 人脸认证标签 */ + .face-tag { + display: inline-flex; align-items: center; gap: 3px; + padding: 1px 7px; border-radius: 10px; font-size: 10px; font-weight: 500; + text-decoration: none; vertical-align: middle; + } + .face-tag--verified { background: rgba(82, 196, 26, 0.25); color: #d9f7be; } + .face-tag--unverified { + background: rgba(250, 140, 22, 0.25); color: #ffd591; + } .user-arrow { width: 28px; display: flex; align-items: center; justify-content: center; font-size: 18px; opacity: 0.7; flex-shrink: 0; cursor: pointer; @@ -112,10 +122,12 @@
张三 - 黄金会员 + + 未认证
CQ能源 · 采油一厂
+ 黄金会员 积分 1,280 余额 ¥368.50
diff --git a/other-module/mini-program/nutrition/me-wallet-detail.html b/other-module/mini-program/nutrition/me-wallet-detail.html new file mode 100644 index 0000000..a7fda72 --- /dev/null +++ b/other-module/mini-program/nutrition/me-wallet-detail.html @@ -0,0 +1,181 @@ + + + + + + 交易详情 | 智能餐养小程序 + + + +
+ +
+ 09:41 +
+ + + +
+
+ + +
+ ‹ + 交易详情 +
+ + +
+ +
+
+ +
+
午餐消费
+
-¥28.50
+
+ + +
+
交易信息
+
+ 交易时间 + 2026年8月3日 11:32:15 +
+
+ 交易单号 + NM20260803113215001 +
+
+ 支付流水号 + WX2026080311321500123456 +
+
+ 交易类型 + 消费支出 +
+ +
+ 支付方式 + 微信支付 +
+
+ 交易前余额 + ¥256.50 +
+
+ 交易后余额 + ¥228.00 +
+
+ 交易状态 + 交易成功 +
+
+
+ + +
+
+ + + + diff --git a/other-module/mini-program/nutrition/me-wallet.html b/other-module/mini-program/nutrition/me-wallet.html index dc105b2..9d65058 100644 --- a/other-module/mini-program/nutrition/me-wallet.html +++ b/other-module/mini-program/nutrition/me-wallet.html @@ -25,14 +25,25 @@ .action-btn.primary { background: #fff; color: #1677ff; } .action-btn.secondary { background: rgba(255,255,255,0.25); color: #fff; border: 1px solid rgba(255,255,255,0.5); } .section-title { font-size: 15px; font-weight: 600; color: #333; padding: 16px 16px 12px; } - .transaction-list { background: #fff; margin: 0 16px; border-radius: 10px; overflow: hidden; } - .transaction-item { display: flex; align-items: center; justify-content: space-between; padding: 14px 16px; border-bottom: 0.5px solid #f5f5f5; } - .transaction-item:last-child { border-bottom: none; } - .transaction-info .transaction-name { font-size: 15px; color: #333; } - .transaction-info .transaction-time { font-size: 12px; color: #999; margin-top: 4px; } - .transaction-amount { font-size: 15px; font-weight: 500; } - .transaction-amount.expense { color: #333; } - .transaction-amount.income { color: #52c41a; } + /* 月份分组 */ + .month-group { margin: 0 16px 4px; } + .month-label { font-size: 13px; color: #999; padding: 12px 0 8px; } + /* 明细列表 */ + .detail-list { background: #fff; border-radius: 10px; overflow: hidden; } + .detail-item { display: flex; align-items: center; padding: 14px 16px; border-bottom: 0.5px solid #f5f5f5; cursor: pointer; transition: background 0.15s; } + .detail-item:active { background: #f5f5f5; } + .detail-item:last-child { border-bottom: none; } + .detail-icon { width: 36px; height: 36px; border-radius: 8px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-right: 12px; } + .detail-icon.food { background: #e6f7ff; } + .detail-icon.recharge { background: #f6ffed; } + .detail-info { flex: 1; min-width: 0; } + .detail-name { font-size: 15px; color: #333; } + .detail-time { font-size: 12px; color: #999; margin-top: 4px; } + .detail-right { text-align: right; flex-shrink: 0; margin-left: 12px; } + .detail-amount { font-size: 15px; font-weight: 500; } + .detail-amount.expense { color: #333; } + .detail-amount.income { color: #52c41a; } + .detail-balance { font-size: 12px; color: #999; margin-top: 4px; } .home-indicator { height: 34px; display: flex; align-items: flex-end; justify-content: center; padding-bottom: 8px; background: #f5f5f5; flex-shrink: 0; } .home-indicator::after { content: ''; width: 134px; height: 5px; background: #000; border-radius: 3px; opacity: 0.2; } @@ -67,36 +78,170 @@
- -
最近交易
-
-
-
-
午餐消费
-
今天 11:32
+ +
余额明细
+ + +
+
2026年8月
+
+
+
+ +
+
+
午餐消费
+
8月3日 11:32
+
+
+
-¥28.50
+
余额 ¥228.00
+
+
+
+
+ +
+
+
早餐消费
+
8月3日 07:45
+
+
+
-¥15.00
+
余额 ¥256.50
+
+
+
+
+ +
+
+
午餐消费
+
8月1日 12:10
+
+
+
-¥32.00
+
余额 ¥271.50
+
+
+
+
+ +
+
+
充值
+
8月1日 09:00
+
+
+
+¥200.00
+
余额 ¥303.50
+
-
-¥28.5
-
-
-
早餐消费
-
今天 07:45
+
+ + +
+
2026年7月
+
+
+
+ +
+
+
午餐消费
+
7月31日 11:45
+
+
+
-¥35.00
+
余额 ¥103.50
+
+
+
+
+ +
+
+
晚餐消费
+
7月30日 18:20
+
+
+
-¥42.00
+
余额 ¥138.50
+
+
+
+
+ +
+
+
早餐消费
+
7月30日 07:30
+
+
+
-¥12.00
+
余额 ¥180.50
+
+
+
+
+ +
+
+
充值
+
7月28日 10:15
+
+
+
+¥100.00
+
余额 ¥192.50
+
-
-¥15.0
-
-
-
充值
-
昨天
+
+ + +
+
2026年6月
+
+
+
+ +
+
+
午餐消费
+
6月30日 12:00
+
+
+
-¥28.00
+
余额 ¥92.50
+
-
+¥100.0
-
-
-
-
午餐消费
-
昨天
+
+
+ +
+
+
早餐消费
+
6月29日 08:00
+
+
+
-¥10.00
+
余额 ¥120.50
+
+
+
+
+ +
+
+
充值
+
6月25日 14:30
+
+
+
+¥50.00
+
余额 ¥130.50
+
-
-¥35.0
@@ -104,5 +249,68 @@
+ + - \ No newline at end of file +