diff --git a/index.html b/index.html index 13c7ec9..1691a39 100644 --- a/index.html +++ b/index.html @@ -647,6 +647,7 @@ const SITE_MAP = [ {label:'吃-首页', file:'eat-home.html'}, {label:'营养明细', file:'eat-nutrition.html'}, {label:'今日食谱', file:'eat-recipe.html'}, + {label:'今日食谱展示', file:'eat-recipe-today.html'}, {label:'菜品详情', file:'eat-dish-detail.html'}, {label:'订餐', file:'eat-order.html'}, {label:'订单确认', file:'eat-order-confirm.html'}, @@ -657,6 +658,9 @@ const SITE_MAP = [ {label:'做-社区', file:'make-home.html'}, {label:'照做食谱', file:'make-follow.html'}, {label:'创作食谱', file:'make-create.html'}, + {label:'创作排行', file:'make-ranking.html'}, + {label:'分享赚钱', file:'make-share.html'}, + {label:'热门创作', file:'make-popular.html'}, {label:'个人中心', file:'me-home.html'}, {label:'健康档案', file:'me-health.html'}, {label:'我的订单', file:'me-orders.html'}, diff --git a/other-module/mini-program/.gitkeep b/other-module/mini-program/.gitkeep deleted file mode 100644 index e69de29..0000000 diff --git a/other-module/mini-program/nutrition/ask-home.html b/other-module/mini-program/nutrition/ask-home.html index 361f834..3302b3e 100644 --- a/other-module/mini-program/nutrition/ask-home.html +++ b/other-module/mini-program/nutrition/ask-home.html @@ -47,7 +47,9 @@ text-decoration: none; padding: 4px 12px; border: 1px solid #1677ff; border-radius: 12px; } .faq-section { padding: 16px; } - .faq-title { font-size: 13px; font-weight: 600; margin-bottom: 10px; color: #333; } + .faq-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; } + .faq-title { font-size: 13px; font-weight: 600; color: #333; } + .faq-toggle { font-size: 12px; color: #1677ff; cursor: pointer; } .faq-list { display: flex; flex-direction: column; gap: 8px; } .faq-item { display: block; padding: 12px 14px; background: #fff; border-radius: 10px; @@ -86,14 +88,17 @@
-
常见问题
-
+
+
常见问题
+ 展开全部 › +
+
@@ -111,5 +116,18 @@
+ diff --git a/other-module/mini-program/nutrition/eat-cart.html b/other-module/mini-program/nutrition/eat-cart.html new file mode 100644 index 0000000..02415f7 --- /dev/null +++ b/other-module/mini-program/nutrition/eat-cart.html @@ -0,0 +1,199 @@ + + + + + + 购物车 | 智能餐养小程序 + + + +
+
+ 09:41 +
📶WiFi🔋
+
+
+ ‹ + 购物车 + +
+
+ +
+
已选菜品（3）
+
+
🍗
+
+
宫保鸡丁
+
285kcal/份 · 蛋白质 22.4g
+
+ ¥12 +
+ + 1 + +
+
+
+
+
+
🥦
+
+
炒西兰花
+
68kcal/份 · 蛋白质 3.2g
+
+ ¥8 +
+ + 1 + +
+
+
+
+
+
🐟
+
+
清蒸鱼
+
142kcal/份 · 蛋白质 20.8g
+
+ ¥18 +
+ + 1 + +
+
+
+
+
+ + +
+
本单营养概览
+
+
495
总热量(kcal)
+
46.4g
蛋白质
+
22.6g
脂肪
+
16.4g
碳水
+
+
+ + +
+
备注
+ +
+
+ + +
+
+
合计 ¥38.00
+
已享员工餐补优惠
+
+ 提交订单 +
+
+
+ + diff --git a/other-module/mini-program/nutrition/eat-dish-detail.html b/other-module/mini-program/nutrition/eat-dish-detail.html index f2f8c60..edec152 100644 --- a/other-module/mini-program/nutrition/eat-dish-detail.html +++ b/other-module/mini-program/nutrition/eat-dish-detail.html @@ -57,11 +57,6 @@ .crowd-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 10px; } .crowd-tag { padding: 4px 12px; border-radius: 14px; background: #e6f4ff; color: #1677ff; font-size: 12px; } .avoid-tip { padding: 8px 10px; background: #fff7e6; border-radius: 8px; font-size: 12px; color: #fa8c16; } - .trace-link { - display: block; text-align: center; padding: 12px; background: #fff; - margin: 0 16px 16px; border-radius: 12px; font-size: 13px; color: #1677ff; - text-decoration: none; border: 1px solid #e6f4ff; - } @@ -119,8 +114,6 @@
⚠ 痛风急性期慎食（含嘌呤）
- - 🔍 查看食材溯源信息 ›
diff --git a/other-module/mini-program/nutrition/eat-home.html b/other-module/mini-program/nutrition/eat-home.html index c2ba596..a95f815 100644 --- a/other-module/mini-program/nutrition/eat-home.html +++ b/other-module/mini-program/nutrition/eat-home.html @@ -58,7 +58,23 @@ .canteen-select { display: flex; align-items: center; gap: 6px; cursor: pointer; } .canteen-select .label { font-size: 13px; color: #999; } .canteen-select .name { font-size: 15px; font-weight: 600; } - .canteen-select .arrow { font-size: 12px; color: #999; } + .canteen-select .arrow { font-size: 12px; color: #999; transition: transform 0.2s; } + .canteen-select .arrow.open { transform: rotate(180deg); } + /* 食堂下拉菜单 */ + .canteen-header { position: relative; } + .canteen-dropdown { + display: none; position: absolute; top: 100%; left: 0; right: 0; z-index: 10; + background: #fff; border-top: 0.5px solid #f0f0f0; + box-shadow: 0 4px 12px rgba(0,0,0,0.08); + } + .canteen-dropdown.show { display: block; } + .canteen-option { + padding: 12px 16px; font-size: 14px; color: #333; cursor: pointer; + border-bottom: 0.5px solid #f5f5f5; + } + .canteen-option:last-child { border-bottom: none; } + .canteen-option:active { background: #f5f5f5; } + .canteen-option.selected { color: #1677ff; font-weight: 600; } .action-btns { display: flex; gap: 12px; padding: 16px 16px 12px; background: #fff; border-bottom: 0.5px solid #f5f5f5; @@ -97,20 +113,6 @@ .meal-item .food-name { font-size: 14px; font-weight: 500; } .meal-item .food-meta { font-size: 12px; color: #999; margin-top: 2px; } .meal-item .food-cal { font-size: 13px; font-weight: 600; color: #fa8c16; flex-shrink: 0; } - .nutri-summary { - margin: 12px 16px; padding: 14px; background: #fff; border-radius: 12px; - } - .nutri-summary .summary-title { font-size: 13px; font-weight: 600; margin-bottom: 10px; } - .nutri-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; } - .nutri-card { - background: #f8f9fa; border-radius: 10px; padding: 10px 8px; text-align: center; - } - .nutri-card .val { font-size: 16px; font-weight: 700; } - .nutri-card .unit { font-size: 11px; color: #999; margin-top: 2px; } - .nutri-link { - display: block; text-align: center; font-size: 12px; color: #1677ff; - margin-top: 10px; cursor: pointer; text-decoration: none; - } @@ -127,10 +129,16 @@
-
+
当前食堂 - 长庆食堂A区 - ▾ + 长庆食堂A区 + ▾ +
+
+
长庆食堂A区
+
长庆食堂B区
+
总部食堂
+
西区员工餐厅
@@ -184,19 +192,25 @@
232kcal + +
🥬
+
+
蒜蓉油麦菜
+
蛋白质 1.8g · 脂肪 3.2g
+
+ 52kcal + + +
🍲
+
+
番茄蛋花汤
+
蛋白质 4.6g · 脂肪 2.1g
+
+ 48kcal +
- -
-
午餐营养摘要
-
-
727
千卡 / 热量
-
50.6g
蛋白质
-
22.6g
脂肪
-
- 查看完整营养分析 › -
@@ -209,5 +223,80 @@
+ diff --git a/other-module/mini-program/nutrition/eat-meal-record.html b/other-module/mini-program/nutrition/eat-meal-record.html index 6dbdc6c..1511225 100644 --- a/other-module/mini-program/nutrition/eat-meal-record.html +++ b/other-module/mini-program/nutrition/eat-meal-record.html @@ -58,7 +58,7 @@ .record-item .r-time { font-size: 11px; color: #999; margin-top: 2px; } .record-item .r-cal { font-size: 13px; font-weight: 600; color: #fa8c16; flex-shrink: 0; } .day-summary { - margin: 0 16px 16px; padding: 14px; background: #fff; border-radius: 12px; + margin: 0 16px 8px; padding: 14px; background: #fff; border-radius: 12px; } .day-summary .ds-title { font-size: 13px; font-weight: 600; margin-bottom: 8px; } .ds-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; text-align: center; } @@ -84,28 +84,42 @@ 2026年5月13日（今天） › + +
+
今日摄入汇总
+
+
1827
千卡
+
107g
蛋白质
+
69g
脂肪
+
+
-
🌅 早餐 共 386kcal
+
🌅 早餐 共 413kcal
🥛
-
牛奶（250ml）
07:32
- 156kcal +
豆浆
07:30
+ 65kcal + + +
🥖
+
油条
07:30
+ 198kcal
🥚
-
水煮蛋 ×2
07:32
- 144kcal +
水煮蛋
07:32
+ 78kcal -
🍞
-
全麦面包
07:35
- 86kcal +
🥣
+
小米粥
07:35
+ 72kcal
-
☀️ 午餐 共 727kcal
+
☀️ 午餐 共 827kcal
🍗
宫保鸡丁
12:05
@@ -126,15 +140,40 @@
米饭（中碗）
12:05
232kcal + +
🥬
+
蒜蓉油麦菜
12:08
+ 52kcal + + +
🍲
+
番茄蛋花汤
12:08
+ 48kcal +
- -
-
今日摄入汇总
-
-
1113
千卡
-
68g
蛋白质
-
42g
脂肪
-
+ +
+
🌙 晚餐 共 587kcal
+ +
🍳
+
番茄炒蛋
18:10
+ 156kcal + + +
🫑
+
青椒肉丝
18:10
+ 178kcal + + +
🥬
+
紫菜蛋花汤
18:12
+ 32kcal + + +
🍞
+
馒头
18:12
+ 221kcal +
diff --git a/other-module/mini-program/nutrition/eat-nutrition.html b/other-module/mini-program/nutrition/eat-nutrition.html index 518a961..73a7621 100644 --- a/other-module/mini-program/nutrition/eat-nutrition.html +++ b/other-module/mini-program/nutrition/eat-nutrition.html @@ -24,25 +24,71 @@ .status-bar .icons { display: flex; gap: 6px; align-items: center; } .page-content { flex: 1; overflow-y: auto; background: #f5f5f5; } .page-content::-webkit-scrollbar { display: none; } - /* 导航栏 */ - .nav-bar { - height: 44px; background: #fff; display: flex; align-items: center; - padding: 0 16px; border-bottom: 0.5px solid #f0f0f0; flex-shrink: 0; position: relative; + /* 食堂选择栏 */ + .canteen-header { + background: #fff; padding: 10px 16px; display: flex; align-items: center; + justify-content: space-between; border-bottom: 0.5px solid #f0f0f0; position: relative; } - .nav-bar .back { font-size: 22px; color: #1677ff; cursor: pointer; text-decoration: none; line-height: 1; } - .nav-bar .title { - position: absolute; left: 50%; transform: translateX(-50%); - font-size: 17px; font-weight: 600; + .canteen-select { display: flex; align-items: center; gap: 6px; cursor: pointer; } + .canteen-select .label { font-size: 13px; color: #999; } + .canteen-select .name { font-size: 15px; font-weight: 600; } + .canteen-select .arrow { font-size: 12px; color: #999; transition: transform 0.2s; } + .canteen-select .arrow.open { transform: rotate(180deg); } + .canteen-dropdown { + display: none; position: absolute; top: 100%; left: 0; right: 0; z-index: 10; + background: #fff; border-top: 0.5px solid #f0f0f0; + box-shadow: 0 4px 12px rgba(0,0,0,0.08); } - .nav-bar .action { - margin-left: auto; padding: 3px 10px; border-radius: 10px; - border: 1px solid #1677ff; background: #fff; color: #1677ff; font-size: 11px; cursor: pointer; + .canteen-dropdown.show { display: block; } + .canteen-option { + padding: 12px 16px; font-size: 14px; color: #333; cursor: pointer; + border-bottom: 0.5px solid #f5f5f5; } + .canteen-option:last-child { border-bottom: none; } + .canteen-option:active { background: #f5f5f5; } + .canteen-option.selected { color: #1677ff; font-weight: 600; } + /* 营养/食谱 卡片 */ + .action-btns { + display: flex; gap: 12px; padding: 16px 16px 12px; background: #fff; + border-bottom: 0.5px solid #f5f5f5; + } + .action-btn { + flex: 1; padding: 14px 0; border-radius: 14px; border: 2px solid #d9d9d9; + background: #fff; color: #333; font-size: 15px; font-weight: 600; + cursor: pointer; display: flex; flex-direction: column; align-items: center; gap: 4px; + text-decoration: none; + } + .action-btn.active { border-color: #1677ff; background: #1677ff; color: #fff; } + .action-btn .btn-icon { font-size: 24px; } + /* 返回就餐记录入口 */ + .back-record { + display: flex; align-items: center; gap: 4px; padding: 10px 16px; + background: #fff; border-bottom: 0.5px solid #f0f0f0; + font-size: 13px; color: #1677ff; cursor: pointer; text-decoration: none; + } + .back-record .back-arrow { font-size: 16px; } + /* 内容Tab切换 */ + .content-tabs { + display: flex; background: #fff; border-bottom: 1px solid #f0f0f0; + } + .content-tab { + flex: 1; text-align: center; padding: 10px 0; font-size: 14px; color: #999; + cursor: pointer; border-bottom: 2px solid transparent; font-weight: 500; + } + .content-tab.active { color: #1677ff; border-bottom-color: #1677ff; font-weight: 600; } + .tab-panel { display: none; } + .tab-panel.active { display: block; } /* 业务样式 */ - .section { background: #fff; margin-bottom: 8px; padding: 14px 16px; } - .section-title { font-size: 13px; font-weight: 600; margin-bottom: 10px; } - .bar-item { margin-bottom: 12px; } - .bar-label { display: flex; justify-content: space-between; align-items: center; margin-bottom: 5px; } + .section { background: #fff; padding: 14px 16px; } + .legend { + display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 14px; + padding-bottom: 10px; border-bottom: 0.5px solid #f5f5f5; + } + .legend span { font-size: 10px; color: #999; display: flex; align-items: center; gap: 3px; } + .legend .dot { display: inline-block; width: 10px; height: 6px; border-radius: 2px; } + .bar-item { margin-bottom: 10px; } + .bar-item:last-child { margin-bottom: 0; } + .bar-label { display: flex; justify-content: space-between; align-items: center; margin-bottom: 4px; } .bar-label .name { font-size: 12px; color: #555; font-weight: 500; } .bar-label .vals { font-size: 11px; } .bar-label .vals .cur { color: #333; font-weight: 600; } @@ -52,31 +98,48 @@ position: relative; height: 8px; background: #f5f5f5; border-radius: 4px; overflow: hidden; } .progress-bar .fill { position: absolute; left: 0; top: 0; height: 100%; border-radius: 4px; } - .legend { - display: flex; gap: 10px; flex-wrap: wrap; margin-top: 14px; - padding-top: 10px; border-top: 0.5px solid #f5f5f5; + /* 膳食宝塔 - 金字塔样式 */ + .tower-pyramid { + display: flex; flex-direction: column; align-items: center; gap: 0; + padding: 0 0 6px; position: relative; } - .legend span { font-size: 10px; color: #999; display: flex; align-items: center; gap: 3px; } - .legend .dot { display: inline-block; width: 10px; height: 6px; border-radius: 2px; } - /* 膳食宝塔 */ - .tower-item { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; } - .tower-block { - padding: 4px; border-radius: 6px; text-align: center; flex-shrink: 0; + /* 塔尖：纯CSS三角形，宽度与第一层对齐 */ + .tower-pyramid::before { + content: ''; display: block; width: 0; height: 0; + border-left: 58px solid transparent; border-right: 58px solid transparent; + border-bottom: 22px solid #fff3e0; } - .tower-block .icon { font-size: 14px; } - .tower-block .name { font-size: 9px; font-weight: 600; } - .tower-info { flex: 1; } - .tower-info .rec { font-size: 11px; color: #999; } - .tower-info .actual { font-size: 11px; margin-top: 2px; } - /* 评分卡片 */ - .score-grid { display: flex; gap: 8px; margin-bottom: 10px; } - .score-card { flex: 1; border-radius: 10px; padding: 10px; text-align: center; } - .score-card .num { font-size: 20px; font-weight: 800; } - .score-card .desc { font-size: 11px; color: #999; margin-top: 2px; } - .warn-tip { - padding: 8px 10px; background: #fff7e6; border-radius: 8px; - font-size: 12px; color: #fa8c16; + .tower-level { + display: flex; flex-direction: column; align-items: center; justify-content: center; + padding: 6px 8px 5px; border-bottom: 1.5px solid #fff; } + .tower-level:last-child { border-bottom: none; border-radius: 0 0 8px 8px; } + /* 第一行：图标 + 名称 */ + .t-row1 { display: flex; align-items: center; gap: 4px; margin-bottom: 2px; } + .t-row1 .t-icon { font-size: 13px; line-height: 1; } + .t-row1 .t-name { font-size: 11px; font-weight: 700; } + /* 第二行：推荐 / 实际 / 结果 */ + .t-row2 { display: flex; align-items: center; gap: 6px; } + .t-row2 .t-rec { font-size: 9px; color: rgba(0,0,0,0.45); } + .t-row2 .t-actual { font-size: 9px; font-weight: 600; } + .t-row2 .t-result { + font-size: 9px; font-weight: 700; padding: 1px 6px; + border-radius: 8px; white-space: nowrap; + } + .t-result.ok { background: rgba(82,196,26,0.15); color: #389e0d; } + .t-result.warn { background: rgba(250,140,22,0.15); color: #d46b08; } + .t-result.over { background: rgba(245,34,45,0.15); color: #cf1322; } + /* 底部 Tab 栏 */ + .tab-bar { + height: 50px; background: #fff; border-top: 0.5px solid #e8e8e8; + display: flex; align-items: center; flex-shrink: 0; + } + .tab-item { + flex: 1; display: flex; flex-direction: column; align-items: center; gap: 2px; + text-decoration: none; font-size: 10px; color: #999; padding: 6px 0; + } + .tab-item .tab-icon { font-size: 22px; line-height: 1; } + .tab-item.active { color: #1677ff; } .home-indicator { height: 20px; display: flex; align-items: center; justify-content: center; background: #fff; flex-shrink: 0; @@ -93,98 +156,245 @@ 09:41
📶WiFi🔋
- -
- ‹ - 营养明细 - 膳食宝塔 › -
- -
-
📊 营养素明细
-
-
热量1286 / 2000kcal
-
+ +
+
+ 当前食堂 + 长庆食堂A区 + ▾
-
-
蛋白质68g / 75g
-
-
-
-
脂肪42g / 65g
-
-
-
-
碳水化合物186g / 275g
-
-
-
-
膳食纤维12g / 25g
-
-
-
-
钠2600mg / 2000mg
-
-
-
-
钙420mg / 800mg
-
-
-
-
维生素C42mg / 100mg
-
-
-
- 不足(<60%) - 达标(60~100%) - 偏高(100~120%) - 超标(>120%) +
+
长庆食堂A区
+
长庆食堂B区
+
总部食堂
+
西区员工餐厅
- -
-
🏛️ 膳食宝塔评估
-
-
🌾
谷薯类
-
推荐：250~400g
实际：186g✓ 适量
-
-
-
🥦
蔬菜水果
-
推荐：300~500g
实际：280g✓ 适量
-
-
-
🥩
畜禽鱼蛋
-
推荐：120~200g
实际：168g✓ 适量
-
-
-
🥛
奶豆坚果
-
推荐：25~35g
实际：20g⚠ 注意
-
-
-
🧂
烹调油盐
-
推荐：油<25g
实际：偏高⚠ 注意
-
-
-
💧
饮水
-
推荐：1500ml+
实际：800ml⚠ 注意
+ +
+ 🥗营养 + 📋食谱 +
+ + + ‹ 返回就餐记录 + + +
+
营养素明细
+
膳食宝塔评估
+
+ + +
+
+ +
+ 不足(<60%) + 达标(60~100%) + 偏高(100~120%) + 超标(>120%) +
+ +
+
热量1286 / 2000kcal
+
+
+
+
蛋白质68g / 75g
+
+
+
+
脂肪42g / 65g
+
+
+
+
碳水化合物186g / 275g
+
+
+
+
膳食纤维12g / 25g
+
+
+
+
饱和脂肪酸18g / 20g
+
+
+
+
反式脂肪酸0.4g / 2g
+
+
+
+
糖38g / 50g
+
+
+
+
胆固醇286mg / 300mg
+
+
+ +
+
钠2600mg / 2000mg
+
+
+
+
钾1100mg / 2000mg
+
+
+
+
钙420mg / 800mg
+
+
+
+
铁10mg / 12mg
+
+
+
+
锌7mg / 12mg
+
+
+
+
磷680mg / 720mg
+
+
+
+
镁180mg / 330mg
+
+
+ +
+
维生素A320μgRE / 800μgRE
+
+
+
+
维生素B10.8mg / 1.4mg
+
+
+
+
维生素B20.9mg / 1.4mg
+
+
+
+
维生素B61.1mg / 1.4mg
+
+
+
+
维生素B121.8μg / 2.4μg
+
+
+
+
维生素C42mg / 100mg
+
+
+
+
维生素D3.2μg / 10μg
+
+
+
+
维生素E9mg / 14mg
+
+
+
+
叶酸180μgDFE / 400μgDFE
+
+
+
+
烟酸11mg / 14mg
+
+
- -
-
📈 营养评分对比
-
-
78
本人评分
-
82
部门均值
-
80
全公司均值
+ +
+
+
+ +
+
🧂烹调油盐
+
油<25g 盐<5g偏高注意
+
+ +
+
💧饮水
+
推荐 1500ml+实际 800ml不足
+
+ +
+
🥛奶豆坚果
+
推荐 25~35g实际 20g不足
+
+ +
+
🥩畜禽鱼蛋
+
推荐 120~200g实际 168g适量
+
+ +
+
🥦蔬菜水果
+
推荐 300~500g实际 280g适量
+
+ +
+
🌾谷薯类
+
推荐 250~400g实际 186g适量
+
+
-
⚠ 钠摄入偏高（130%），建议减少腌制品；膳食纤维不足，建议增加蔬菜
+ + +
+ 🍽️吃 + 💬问 + 🍳做 + 👤我 +
+ diff --git a/other-module/mini-program/nutrition/eat-order.html b/other-module/mini-program/nutrition/eat-order.html index b1fff40..2fd15b7 100644 --- a/other-module/mini-program/nutrition/eat-order.html +++ b/other-module/mini-program/nutrition/eat-order.html @@ -62,6 +62,15 @@ width: 24px; height: 24px; border-radius: 50%; background: #1677ff; color: #fff; border: none; font-size: 16px; cursor: pointer; display: flex; align-items: center; justify-content: center; } + .qty-ctrl { display: none; align-items: center; gap: 0; } + .qty-ctrl.show { display: flex; } + .qty-btn { + width: 24px; height: 24px; border-radius: 50%; border: 1px solid #d9d9d9; + background: #fff; font-size: 14px; color: #333; cursor: pointer; + display: flex; align-items: center; justify-content: center; line-height: 1; + } + .qty-btn:active { background: #f5f5f5; } + .qty-num { width: 28px; text-align: center; font-size: 13px; font-weight: 600; } /* 底部购物车栏 */ .cart-bar { height: 56px; background: #fff; border-top: 1px solid #f0f0f0; @@ -92,7 +101,7 @@
📶WiFi🔋
- ‹ + ‹ 订餐
@@ -108,52 +117,76 @@
-
+
🍗
宫保鸡丁
鸡胸肉花生爆炒 · 285kcal
-
¥12
+
+ ¥12 + +
0
+
-
+
🐟
清蒸鱼
新鲜草鱼清蒸 · 142kcal
-
¥18
+
+ ¥18 + +
0
+
-
+
🥦
炒西兰花
大火快炒翠绿脆嫩 · 68kcal
-
¥8
+
+ ¥8 + +
0
+
-
+
🍅
番茄炒蛋
酸甜可口老少皆宜 · 168kcal
-
¥8
+
+ ¥8 + +
0
+
-
+
🍖
红烧肉
五花肉慢炖软糯入味 · 395kcal
-
¥16
+
+ ¥16 + +
0
+
-
+
🥬
蒜蓉油麦菜
清淡爽口富含纤维 · 45kcal
-
¥6
+
+ ¥6 + +
0
+
@@ -161,10 +194,10 @@
-
+ 🛒 3 -
+
¥38.00
已选 3 个餐品
@@ -173,5 +206,76 @@
+ diff --git a/other-module/mini-program/nutrition/eat-recipe-today.html b/other-module/mini-program/nutrition/eat-recipe-today.html new file mode 100644 index 0000000..d6dee5a --- /dev/null +++ b/other-module/mini-program/nutrition/eat-recipe-today.html @@ -0,0 +1,387 @@ + + + + + + 今日食谱 | 智能餐养小程序 + + + +
+
+ 09:41 +
📶WiFi🔋
+
+ + +
+ ‹ +
今日食谱
+
📅
+
+ + +
+ +
+
+
+ + +
+ + + +
+ + +
+ +
+
🍚主食
+
+ +
🍚
+
+
+ 杂粮米饭 + 推荐 +
+
+ 180kcal/100g + · + ¥3 +
+
+ + +
🌽
+
+
+ 玉米馒头 + 推荐 +
+
+ 220kcal/100g + · + ¥2 +
+
+ + +
🍠
+
+
+ 紫薯粥 + 推荐 +
+
+ 95kcal/100g + · + ¥4 +
+
+ + +
🍙
+
+
+ 白米饭 + 适量 +
+
+ 230kcal/100g + · + ¥2 +
+
+ +
+
+ + +
+
🍳热菜
+
+ +
🍗
+
+
+ 宫保鸡丁 + 推荐 +
+
+ 285kcal/100g + · + ¥12 +
+
+ + +
🐟
+
+
+ 清蒸鲈鱼 + 推荐 +
+
+ 142kcal/100g + · + ¥18 +
+
+ + +
🍅
+
+
+ 番茄炒蛋 + 适量 +
+
+ 168kcal/100g + · + ¥8 +
+
+ + +
🍖
+
+
+ 红烧肉 + 少选 +
+
+ 395kcal/100g + · + ¥16 +
+
+ +
+
+ + +
+
🥒凉菜
+
+ +
🥒
+
+
+ 凉拌黄瓜 + 推荐 +
+
+ 35kcal/100g + · + ¥6 +
+
+ + +
🥩
+
+
+ 蒜泥白肉 + 适量 +
+
+ 210kcal/100g + · + ¥14 +
+
+ +
+
+ + +
+
🍲汤品
+
+ +
🥣
+
+
+ 紫菜蛋花汤 + 推荐 +
+
+ 28kcal/100g + · + ¥5 +
+
+ + +
🌽
+
+
+ 玉米排骨汤 + 推荐 +
+
+ 85kcal/100g + · + ¥10 +
+
+ +
+
+ +
+
+
+ + +
+ 🍽️吃 + 💬问 + 🍳做 + 👤我 +
+
+
+ + + + diff --git a/other-module/mini-program/nutrition/eat-recipe.html b/other-module/mini-program/nutrition/eat-recipe.html index f78944b..d0b082e 100644 --- a/other-module/mini-program/nutrition/eat-recipe.html +++ b/other-module/mini-program/nutrition/eat-recipe.html @@ -22,15 +22,51 @@ } .status-bar .time { font-size: 15px; font-weight: 700; } .status-bar .icons { display: flex; gap: 6px; align-items: center; } - .nav-bar { height: 44px; background: #fff; display: flex; align-items: center; padding: 0 16px; border-bottom: 0.5px solid #f0f0f0; flex-shrink: 0; position: relative; } - .nav-bar .back { font-size: 22px; color: #1677ff; cursor: pointer; text-decoration: none; line-height: 1; } - .nav-bar .title { position: absolute; left: 50%; transform: translateX(-50%); font-size: 17px; font-weight: 600; } - .home-indicator { - height: 20px; display: flex; align-items: center; justify-content: center; background: #fff; flex-shrink: 0; - } - .home-indicator::after { content: ''; width: 120px; height: 5px; background: #1a1a1a; border-radius: 3px; opacity: 0.2; } .page-content { flex: 1; overflow-y: auto; background: #f5f5f5; } .page-content::-webkit-scrollbar { display: none; } + /* 食堂选择栏 */ + .canteen-header { + background: #fff; padding: 10px 16px; display: flex; align-items: center; + justify-content: space-between; border-bottom: 0.5px solid #f0f0f0; position: relative; + } + .canteen-select { display: flex; align-items: center; gap: 6px; cursor: pointer; } + .canteen-select .label { font-size: 13px; color: #999; } + .canteen-select .name { font-size: 15px; font-weight: 600; } + .canteen-select .arrow { font-size: 12px; color: #999; transition: transform 0.2s; } + .canteen-select .arrow.open { transform: rotate(180deg); } + .canteen-dropdown { + display: none; position: absolute; top: 100%; left: 0; right: 0; z-index: 10; + background: #fff; border-top: 0.5px solid #f0f0f0; + box-shadow: 0 4px 12px rgba(0,0,0,0.08); + } + .canteen-dropdown.show { display: block; } + .canteen-option { + padding: 12px 16px; font-size: 14px; color: #333; cursor: pointer; + border-bottom: 0.5px solid #f5f5f5; + } + .canteen-option:last-child { border-bottom: none; } + .canteen-option:active { background: #f5f5f5; } + .canteen-option.selected { color: #1677ff; font-weight: 600; } + /* 营养/食谱 卡片 */ + .action-btns { + display: flex; gap: 12px; padding: 16px 16px 12px; background: #fff; + border-bottom: 0.5px solid #f5f5f5; + } + .action-btn { + flex: 1; padding: 14px 0; border-radius: 14px; border: 2px solid #d9d9d9; + background: #fff; color: #333; font-size: 15px; font-weight: 600; + cursor: pointer; display: flex; flex-direction: column; align-items: center; gap: 4px; + text-decoration: none; + } + .action-btn.active { border-color: #1677ff; background: #1677ff; color: #fff; } + .action-btn .btn-icon { font-size: 24px; } + /* 返回就餐记录入口 */ + .back-record { + display: flex; align-items: center; gap: 4px; padding: 10px 16px; + background: #fff; border-bottom: 0.5px solid #f0f0f0; + font-size: 13px; color: #1677ff; cursor: pointer; text-decoration: none; + } + .back-record .back-arrow { font-size: 16px; } /* 业务样式 */ .quick-actions { display: flex; gap: 10px; padding: 14px 16px 10px; background: #fff; margin-bottom: 8px; @@ -38,7 +74,7 @@ .quick-btn { flex: 1; padding: 12px 0; border-radius: 12px; border: none; color: #fff; font-size: 13px; font-weight: 600; cursor: pointer; display: flex; - flex-direction: column; align-items: center; gap: 3px; + flex-direction: column; align-items: center; gap: 3px; text-decoration: none; } .quick-btn .qicon { font-size: 20px; } .dish-list { padding: 0 16px 16px; background: #fff; } @@ -59,6 +95,25 @@ font-size: 10px; padding: 2px 8px; border-radius: 8px; flex-shrink: 0; } .dish-item .arrow { font-size: 16px; color: #ccc; margin-left: 4px; } + /* 底部 Tab 栏 */ + .tab-bar { + height: 50px; background: #fff; border-top: 0.5px solid #e8e8e8; + display: flex; align-items: center; flex-shrink: 0; + } + .tab-item { + flex: 1; display: flex; flex-direction: column; align-items: center; gap: 2px; + text-decoration: none; font-size: 10px; color: #999; padding: 6px 0; + } + .tab-item .tab-icon { font-size: 22px; line-height: 1; } + .tab-item.active { color: #1677ff; } + .home-indicator { + height: 20px; display: flex; align-items: center; justify-content: center; + background: #fff; flex-shrink: 0; + } + .home-indicator::after { + content: ''; width: 120px; height: 5px; background: #1a1a1a; + border-radius: 3px; opacity: 0.2; + } @@ -67,16 +122,37 @@ 09:41
📶WiFi🔋
-
- ‹ - 今日食谱 -
+
+ +
+
+ 当前食堂 + 长庆食堂A区 + ▾ +
+
+
长庆食堂A区
+
长庆食堂B区
+
总部食堂
+
西区员工餐厅
+
+
+ + +
+ 🥗营养 + 📋食谱 +
+ + + ‹ 返回就餐记录 +
- - - + + 🛒订餐 + 📋查看食谱
@@ -108,7 +184,43 @@
+ + +
+ 🍽️吃 + 💬问 + 🍳做 + 👤我 +
+ diff --git a/other-module/mini-program/nutrition/make-create.html b/other-module/mini-program/nutrition/make-create.html index b660f9c..655b784 100644 --- a/other-module/mini-program/nutrition/make-create.html +++ b/other-module/mini-program/nutrition/make-create.html @@ -54,6 +54,27 @@ } .cover-upload .icon { font-size: 32px; } .cover-upload .text { font-size: 13px; } + .cover-type-row { + display: flex; gap: 10px; margin-top: 10px; + } + .cover-type-btn { + flex: 1; display: flex; align-items: center; justify-content: center; gap: 6px; + padding: 10px 0; border-radius: 10px; border: 1px solid #e8e8e8; + background: #fafafa; font-size: 13px; color: #333; cursor: pointer; + } + .cover-type-btn .ct-icon { font-size: 18px; } + .cover-type-btn:active { border-color: #1677ff; background: #f0f7ff; color: #1677ff; } + /* 步骤媒体上传 */ + .step-media-row { + display: flex; gap: 8px; margin: 6px 0 0 30px; + } + .step-media-btn { + width: 60px; height: 60px; border: 1.5px dashed #d9d9d9; border-radius: 8px; + display: flex; flex-direction: column; align-items: center; justify-content: center; + gap: 2px; background: #fafafa; cursor: pointer; color: #999; + } + .step-media-btn .sm-icon { font-size: 18px; } + .step-media-btn .sm-text { font-size: 9px; } .tag-input { display: flex; flex-wrap: wrap; gap: 6px; } .tag-chip { padding: 4px 10px; border-radius: 12px; background: #e6f4ff; color: #1677ff; @@ -91,7 +112,11 @@
📷 - 上传食谱封面图 + 上传食谱封面 +
+
+ +
@@ -129,10 +154,18 @@
1
+
+
🖼️加图片
+
🎬加视频
+
2
+
+
🖼️加图片
+
🎬加视频
+
+ 添加步骤
diff --git a/other-module/mini-program/nutrition/make-follow.html b/other-module/mini-program/nutrition/make-follow.html index 29e801d..64abe3c 100644 --- a/other-module/mini-program/nutrition/make-follow.html +++ b/other-module/mini-program/nutrition/make-follow.html @@ -36,6 +36,22 @@ .recipe-cover { height: 200px; background: linear-gradient(135deg,#f6ffed,#d9f7be); display: flex; align-items: center; justify-content: center; font-size: 64px; + position: relative; + } + .play-btn { + position: absolute; width: 52px; height: 52px; border-radius: 50%; + background: rgba(0,0,0,0.45); display: flex; align-items: center; + justify-content: center; cursor: pointer; + } + .play-btn::after { + content: ''; width: 0; height: 0; border-style: solid; + border-width: 10px 0 10px 18px; border-color: transparent transparent transparent #fff; + margin-left: 3px; + } + .cover-badge { + position: absolute; top: 10px; right: 10px; padding: 3px 10px; + border-radius: 10px; background: rgba(0,0,0,0.5); color: #fff; + font-size: 11px; font-weight: 500; } .recipe-info { padding: 16px; } .recipe-info .title { font-size: 18px; font-weight: 700; margin-bottom: 6px; } @@ -48,13 +64,31 @@ .ingredient-item { display: flex; justify-content: space-between; padding: 6px 0; border-bottom: 0.5px solid #f5f5f5; font-size: 13px; } .ingredient-item .name { color: #333; } .ingredient-item .amount { color: #999; } - .step-list { display: flex; flex-direction: column; gap: 14px; } - .step-item { display: flex; gap: 10px; } + .step-list { display: flex; flex-direction: column; gap: 16px; } + .step-item { display: flex; gap: 10px; flex-wrap: wrap; } .step-num { width: 24px; height: 24px; border-radius: 50%; background: #1677ff; color: #fff; font-size: 12px; font-weight: 700; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } - .step-text { font-size: 13px; color: #333; line-height: 1.6; padding-top: 2px; } + .step-text { font-size: 13px; color: #333; line-height: 1.6; padding-top: 2px; flex: 1; } + .step-media { + width: 100%; margin-left: 34px; margin-top: 6px; border-radius: 10px; + overflow: hidden; position: relative; + } + .step-media .media-box { + height: 100px; background: #f5f5f5; display: flex; align-items: center; + justify-content: center; font-size: 36px; border-radius: 10px; + } + .step-media .video-play { + position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); + width: 36px; height: 36px; border-radius: 50%; background: rgba(0,0,0,0.4); + display: flex; align-items: center; justify-content: center; + } + .step-media .video-play::after { + content: ''; width: 0; height: 0; border-style: solid; + border-width: 7px 0 7px 12px; border-color: transparent transparent transparent #fff; + margin-left: 2px; + } .action-bar { padding: 12px 16px; background: #fff; border-top: 0.5px solid #f0f0f0; display: flex; gap: 12px; flex-shrink: 0; @@ -80,7 +114,7 @@
-
🥗
+
🥗
01:32
低脂鸡胸肉沙拉
👤 营养师小王 · 15分钟 · 220kcal
@@ -103,10 +137,29 @@
制作步骤
-
1
鸡胸肉用盐和黑胡椒腌制10分钟
-
2
平底锅少油煎至两面金黄，切片备用
-
3
生菜洗净撕小块，黄瓜切片，小番茄对半切
-
4
所有食材摆盘，淋上橄榄油，撒黑胡椒即可
+
+
1
+
鸡胸肉用盐和黑胡椒腌制10分钟
+
🧂
+
+
+
2
+
平底锅少油煎至两面金黄，切片备用
+
+
🍳
+
+
+
+
+
3
+
生菜洗净撕小块，黄瓜切片，小番茄对半切
+
🥬
+
+
+
4
+
所有食材摆盘，淋上橄榄油，撒黑胡椒即可
+
🥗
+
diff --git a/other-module/mini-program/nutrition/make-home.html b/other-module/mini-program/nutrition/make-home.html index d3ce318..d639f4f 100644 --- a/other-module/mini-program/nutrition/make-home.html +++ b/other-module/mini-program/nutrition/make-home.html @@ -22,9 +22,68 @@ } .status-bar .time { font-size: 15px; font-weight: 700; } .status-bar .icons { display: flex; gap: 6px; align-items: center; } - .tab-bar { height: 50px; background: #fff; border-top: 0.5px solid #e8e8e8; display: flex; align-items: center; flex-shrink: 0; } .page-content { flex: 1; overflow-y: auto; background: #f5f5f5; } .page-content::-webkit-scrollbar { display: none; } + + /* Banner */ + .banner { + background: linear-gradient(135deg, #ff8c38, #ff6b1a); + padding: 24px 20px 28px; position: relative; overflow: hidden; + } + .banner::after { + content: '做'; position: absolute; right: -10px; top: -10px; + font-size: 120px; font-weight: 900; color: rgba(255,255,255,0.12); line-height: 1; + } + .banner .title { font-size: 20px; font-weight: 700; color: #fff; position: relative; z-index: 1; } + .banner .desc { font-size: 13px; color: rgba(255,255,255,0.85); margin-top: 6px; position: relative; z-index: 1; } + + /* 四宫格入口 */ + .grid-nav { + display: grid; grid-template-columns: repeat(4, 1fr); + background: #fff; padding: 18px 0 14px; margin-bottom: 10px; + } + .grid-nav-item { + display: flex; flex-direction: column; align-items: center; gap: 6px; + text-decoration: none; color: #333; cursor: pointer; + } + .grid-nav-item .nav-icon { + width: 46px; height: 46px; border-radius: 14px; display: flex; + align-items: center; justify-content: center; font-size: 22px; + } + .grid-nav-item .nav-label { font-size: 12px; font-weight: 500; } + + /* 热门创作 */ + .section-header { + display: flex; align-items: center; justify-content: space-between; + padding: 14px 16px 10px; background: #fff; + } + .section-header .sec-title { font-size: 16px; font-weight: 700; color: #1a1a1a; } + .section-header .sec-more { + font-size: 12px; color: #999; text-decoration: none; display: flex; align-items: center; gap: 2px; + } + .recipe-list { background: #fff; padding: 0 16px 12px; } + .recipe-item { + display: flex; align-items: center; gap: 12px; padding: 12px 0; + border-bottom: 0.5px solid #f0f0f0; text-decoration: none; color: inherit; + } + .recipe-item:last-child { border-bottom: none; } + .recipe-item .avatar { + width: 52px; height: 52px; border-radius: 12px; display: flex; + align-items: center; justify-content: center; font-size: 26px; flex-shrink: 0; + } + .recipe-item .content { flex: 1; min-width: 0; } + .recipe-item .recipe-title { + font-size: 14px; font-weight: 600; color: #1a1a1a; + overflow: hidden; text-overflow: ellipsis; white-space: nowrap; + } + .recipe-item .recipe-meta { font-size: 12px; color: #999; margin-top: 3px; } + .recipe-item .recipe-likes { font-size: 11px; color: #ff6b6b; margin-top: 3px; } + + /* 底部 Tab 栏 */ + .tab-bar { + height: 50px; background: #fff; border-top: 0.5px solid #e8e8e8; + display: flex; align-items: center; flex-shrink: 0; + } .tab-item { flex: 1; display: flex; flex-direction: column; align-items: center; gap: 2px; text-decoration: none; font-size: 10px; color: #999; padding: 6px 0; @@ -32,33 +91,13 @@ .tab-item .tab-icon { font-size: 22px; line-height: 1; } .tab-item.active { color: #1677ff; } .home-indicator { - height: 20px; display: flex; align-items: center; justify-content: center; background: #fff; flex-shrink: 0; + height: 20px; display: flex; align-items: center; justify-content: center; + background: #fff; flex-shrink: 0; } - .home-indicator::after { content: ''; width: 120px; height: 5px; background: #1a1a1a; border-radius: 3px; opacity: 0.2; } - /* 业务样式 */ - .make-header { background: #fff; padding: 16px; margin-bottom: 8px; } - .make-header .title { font-size: 18px; font-weight: 700; margin-bottom: 4px; } - .make-header .desc { font-size: 13px; color: #666; } - .make-actions { - display: flex; gap: 10px; padding: 0 16px 12px; background: #fff; margin-bottom: 8px; + .home-indicator::after { + content: ''; width: 120px; height: 5px; background: #1a1a1a; + border-radius: 3px; opacity: 0.2; } - .make-action-btn { - flex: 1; padding: 14px 0; border-radius: 12px; border: none; color: #fff; - font-size: 13px; font-weight: 600; cursor: pointer; text-align: center; text-decoration: none; - } - .recipe-card { - margin: 0 16px 12px; background: #fff; border-radius: 12px; overflow: hidden; - text-decoration: none; color: inherit; display: block; - } - .recipe-card .cover { - height: 120px; display: flex; align-items: center; justify-content: center; font-size: 48px; - } - .recipe-card .card-body { padding: 12px 14px; } - .recipe-card .card-title { font-size: 14px; font-weight: 600; margin-bottom: 4px; } - .recipe-card .card-meta { font-size: 12px; color: #999; margin-bottom: 8px; } - .recipe-card .card-footer { display: flex; align-items: center; justify-content: space-between; } - .recipe-card .author { font-size: 11px; color: #666; } - .recipe-card .stats { font-size: 11px; color: #999; display: flex; gap: 10px; } @@ -68,49 +107,66 @@
📶WiFi🔋
-
-
🍳 健康食谱社区
-
分享你的健康食谱，一起吃出好身体
+ + -
- 📖 照做食谱 - ✏️ 我要创作 + + +
+ +
📋
+ 照做食谱 + + +
🌿
+ 我要创作 + + +
🏆
+ 创作排行 + + +
💰
+ 分享赚钱 +
- - -
🥗
-
-
低脂鸡胸肉沙拉
-
热量 220kcal · 蛋白质 28g · 准备时间 15分钟
-
- 👤 营养师小王 - ❤️ 128👁️ 1.2k + + +
+ 热门创作 + 查看全部 › +
+
+ +
🍳
+
+
低脂番茄炒蛋的正确打开方式
+
营养达人小李 · 180kcal/份
+
❤️ 286人喜欢
-
- - -
🍲
-
-
养胃南瓜小米粥
-
热量 156kcal · 膳食纤维 4.2g · 准备时间 30分钟
-
- 👤 健康达人李姐 - ❤️ 96👁️ 890 + + +
🥗
+
+
高蛋白健身餐：鸡胸肉沙拉
+
健身博士阿强 · 320kcal/份
+
❤️ 198人喜欢
-
- - -
🐟
-
-
柠檬烤三文鱼
-
热量 280kcal · Omega-3 丰富 · 准备时间 25分钟
-
- 👤 厨艺爱好者老张 - ❤️ 215👁️ 2.1k + + +
🍖
+
+
糖尿病友好版红烧肉
+
控糖生活家 · 260kcal/份
+
❤️ 156人喜欢
-
- + +
+ +
🍽️吃 💬问 diff --git a/other-module/mini-program/nutrition/make-popular.html b/other-module/mini-program/nutrition/make-popular.html new file mode 100644 index 0000000..a04c509 --- /dev/null +++ b/other-module/mini-program/nutrition/make-popular.html @@ -0,0 +1,236 @@ + + + + + + 热门创作 | 智能餐养小程序 + + + +
+
+ 09:41 +
📶WiFi🔋
+
+
+ ‹ + 热门创作 +
+
+ +
+ + + + + + +
+ + +
+ +
🍳
+
+
低脂番茄炒蛋的正确打开方式
+
营养达人小李 · 180kcal/份
+
+ + 👁️ 1.8k + 📋 152 +
+
+ + +
🥗
+
+
高蛋白健身餐：鸡胸肉沙拉
+
健身博士阿强 · 320kcal/份
+
+ + 👁️ 1.2k + 📋 96 +
+
+ + +
🍖
+
+
糖尿病友好版红烧肉
+
控糖生活家 · 260kcal/份
+
+ + 👁️ 980 + 📋 78 +
+
+ + +
🐟
+
+
柠檬烤三文鱼（Omega-3 丰富）
+
厨艺爱好者老张 · 280kcal/份
+
+ + 👁️ 860 + 📋 65 +
+
+ + +
🍲
+
+
养胃南瓜小米粥
+
养生大叔老陈 · 156kcal/份
+
+ + 👁️ 750 + 📋 52 +
+
+ + +
🥬
+
+
五彩素食餐：时蔬拼盘
+
素食主义小美 · 120kcal/份
+
+ + 👁️ 680 + 📋 45 +
+
+ + +
🥩
+
+
低卡牛肉西兰花（减脂必备）
+
减脂达人阿杰 · 245kcal/份
+
+ + 👁️ 620 + 📋 38 +
+
+ + +
🥣
+
+
紫薯燕麦早餐杯
+
轻食girl小可 · 195kcal/份
+
+ + 👁️ 540 + 📋 32 +
+
+ +
+
+ + +
+ 🍽️吃 + 💬问 + 🍳做 + 👤我 +
+
+
+ + + diff --git a/other-module/mini-program/nutrition/make-ranking.html b/other-module/mini-program/nutrition/make-ranking.html new file mode 100644 index 0000000..d1d9769 --- /dev/null +++ b/other-module/mini-program/nutrition/make-ranking.html @@ -0,0 +1,242 @@ + + + + + + 创作排行 | 智能餐养小程序 + + + +
+
+ 09:41 +
📶WiFi🔋
+
+
+ ‹ + 创作排行 +
+
+ +
+ + + +
+ + +
+
+
👩‍🍳🥈
+
健身博士阿强
+ +
+
+
👨‍🍳🥇
+
营养达人小李
+ +
+
+
👩‍⚕️🥉
+
控糖生活家
+ +
+
+ + +
+
+
4
+
🧑‍🍳
+
+
厨艺爱好者老张
+
12 个食谱
+
+
❤️ 856
+
+
+
5
+
👩
+
+
素食主义小美
+
9 个食谱
+
+
❤️ 723
+
+
+
6
+
👨
+
+
减脂达人阿杰
+
8 个食谱
+
+
❤️ 651
+
+
+
7
+
👩‍🔬
+
+
营养师王医生
+
7 个食谱
+
+
❤️ 542
+
+
+
8
+
🧓
+
+
养生大叔老陈
+
6 个食谱
+
+
❤️ 438
+
+
+
9
+
👧
+
+
轻食girl小可
+
5 个食谱
+
+
❤️ 367
+
+
+
10
+
👨‍⚕️
+
+
健康管理师刘哥
+
5 个食谱
+
+
❤️ 312
+
+
+
+ + +
+ 🍽️吃 + 💬问 + 🍳做 + 👤我 +
+
+
+ + + diff --git a/other-module/mini-program/nutrition/make-share.html b/other-module/mini-program/nutrition/make-share.html new file mode 100644 index 0000000..5fd1c82 --- /dev/null +++ b/other-module/mini-program/nutrition/make-share.html @@ -0,0 +1,226 @@ + + + + + + 分享赚钱 | 智能餐养小程序 + + + +
+
+ 09:41 +
📶WiFi🔋
+
+
+ ‹ + 分享赚钱 +
+
+ +
+
+
当前余额（元）
+
128.50
+
+
+
+
累计收益
+
¥256.80
+
+
+
+
本月收益
+
¥36.00
+
+
+
+ + +
+
赚钱攻略
+
+
+
✏️
+
+
第一步：创作食谱
+
发布原创健康食谱，通过审核即可上线
+
+
+
↓
+
+
🔗
+
+
第二步：分享推广
+
将食谱分享给好友或朋友圈，邀请更多人加入
+
+
+
↓
+
+
💰
+
+
第三步：赚取收益
+
互动越多收益越高，收益实时到账
+
+
+
+
+
+ 每获得 1 个点赞 + +0.1 元 +
+
+ 每被照做 1 次 + +0.5 元 +
+
+ 每成功邀请 1 位新用户 + +5 元 +
+
+ 月度创作排行前 10 名 + 额外奖励 +
+
+
+ + +
+
+ 收益明细 + 全部 › +
+
+
+
《低脂番茄炒蛋》被照做
+
今天 14:23
+
+
+1.00
+
+
+
+
《低脂番茄炒蛋》被收藏
+
今天 11:05
+
+
+0.50
+
+
+
+
《鸡胸肉沙拉》分享阅读
+
昨天 20:18
+
+
+0.10
+
+
+
+
《鸡胸肉沙拉》被照做
+
昨天 16:42
+
+
+1.00
+
+
+
+ +
+
+ + diff --git a/web-admin/nutrition/din-dish-add.html b/web-admin/nutrition/din-dish-add.html index 33259f5..89d168e 100644 --- a/web-admin/nutrition/din-dish-add.html +++ b/web-admin/nutrition/din-dish-add.html @@ -97,6 +97,29 @@ body{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei .upload-area:hover{border-color:var(--primary);color:var(--primary);} .upload-area__icon{font-size:36px;margin-bottom:8px;} .upload-area__text{font-size:var(--font-sm);} +/* 餐品规格区域 */ +.spec-section{margin-top:16px;padding-top:16px;border-top:1px solid var(--border);} +.spec-section__header{display:flex;align-items:center;margin-bottom:8px;} +.spec-section__title{font-size:var(--font-sm);font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:6px;} +.spec-table{width:100%;border-collapse:collapse;font-size:12px;} +.spec-table th{background:#FAFAFA;padding:6px 10px;text-align:left;color:var(--text-secondary);font-weight:500;border-bottom:1px solid var(--border);} +.spec-table td{padding:6px 10px;border-bottom:1px solid #F0F0F0;color:var(--text-primary);} +.spec-table tr:hover{background:#F8FBFF;} +.spec-add-row:hover{background:var(--primary-light) !important;} +.spec-add-row td{color:var(--primary);cursor:pointer;border-bottom:none;padding:5px 10px;} +.spec-edit-row .form-input{height:28px;font-size:12px;padding:0 8px;} +.tag-default{background:var(--primary-light);color:var(--primary);padding:1px 8px;border-radius:10px;font-size:var(--font-xs);font-weight:500;} +.spec-toggle{display:inline-flex;align-items:center;gap:6px;cursor:pointer;user-select:none;} +.spec-toggle__switch{width:32px;height:18px;background:#D9D9D9;border-radius:9px;position:relative;transition:background .2s;flex-shrink:0;} +.spec-toggle__switch::after{content:'';position:absolute;left:2px;top:2px;width:14px;height:14px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 2px rgba(0,0,0,0.15);} +.spec-toggle.active .spec-toggle__switch{background:var(--primary);} +.spec-toggle.active .spec-toggle__switch::after{transform:translateX(14px);} +.spec-toggle__label{font-size:11px;color:var(--text-placeholder);} +.spec-toggle.active .spec-toggle__label{color:var(--primary);font-weight:500;} +.btn-text{background:none;border:none;cursor:pointer;font-size:12px;padding:2px 6px;border-radius:var(--radius-sm);transition:all .15s;} +.btn-text--primary{color:var(--primary);}.btn-text--primary:hover{background:var(--primary-light);} +.btn-text--danger{color:var(--danger);}.btn-text--danger:hover{background:#FFF1F0;} +.btn-text--default{color:var(--text-secondary);}.btn-text--default:hover{background:#F5F5F5;color:var(--text-primary);} /* 操作列固定右侧 */ thead th:last-child,tbody td.td-actions{position:sticky;right:0;background:#fff;box-shadow:-4px 0 8px rgba(0,0,0,0.04);z-index:2;white-space:nowrap;} thead th:last-child{background:#FAFAFA;} @@ -192,11 +215,48 @@ tbody tr:hover td.td-actions{background:#F8FBFF;}
-
-
-
+
+ +
+
+
📐 餐品规格*
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
规格单位重量(g)售价(元/份)默认操作
标准份35015.00
默认
小份20010.00
默认
大份50020.00
默认
＋ 添加规格
+
+
@@ -356,6 +416,54 @@ function submitForm(){ alert('提交成功！'); window.location.href='din-dish- function openIngredientDialog(){document.getElementById('ingredientDialog').classList.add('open');} function closeIngredientDialog(){document.getElementById('ingredientDialog').classList.remove('open');} function toggleSubgroup(header){header.parentElement.classList.toggle('open');} + +/* 规格管理 */ +function addSpecRow(addRow){ + /* 如果已有编辑行，不重复添加 */ + if(document.querySelector('.spec-edit-row')) return; + var tr=document.createElement('tr'); + tr.className='spec-edit-row'; + tr.innerHTML='' + +'' + +'' + +'' + +' '; + addRow.parentNode.insertBefore(tr,addRow); + tr.querySelector('input').focus(); +} +function confirmSpec(btn){ + var row=btn.closest('tr'); + var inputs=row.querySelectorAll('input'); + var name=inputs[0].value.trim(); + var weight=inputs[1].value.trim(); + var price=inputs[2].value.trim(); + if(!name||!weight||!price){alert('请填写完整信息');return;} + /* 将编辑行转为数据行 */ + row.className=''; + row.innerHTML=''+name+''+weight+''+parseFloat(price).toFixed(2)+'' + +'
默认
' + +''; +} +function cancelSpec(btn){ + btn.closest('tr').remove(); +} +function toggleDefault(el){ + var tbody=document.getElementById('specBody'); + /* 清除所有开关状态 */ + tbody.querySelectorAll('.spec-toggle').forEach(function(t){ t.classList.remove('active'); }); + /* 激活当前开关 */ + el.classList.add('active'); +} +function removeSpec(btn){ + var row=btn.closest('tr'); + var wasDefault=row.querySelector('.spec-toggle.active'); + row.remove(); + /* 如果删除的是默认规格，将第一条数据行设为默认 */ + if(wasDefault){ + var first=document.querySelector('#specBody tr:not(.spec-add-row):not(.spec-edit-row) .spec-toggle'); + if(first) first.classList.add('active'); + } +} diff --git a/web-admin/nutrition/din-dish-all.html b/web-admin/nutrition/din-dish-all.html index fa71c49..a58c35b 100644 --- a/web-admin/nutrition/din-dish-all.html +++ b/web-admin/nutrition/din-dish-all.html @@ -113,6 +113,8 @@ body{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei .info-table td{padding:10px 12px;border-bottom:1px solid var(--border);color:var(--text-primary);} .info-table tr:last-child td{border-bottom:none;} .info-table tr:hover{background:#F8FBFF;} +.spec-detail-table th{padding:6px 12px;font-size:12px;} +.spec-detail-table td{padding:6px 12px;font-size:12px;} /* 图片/视频网格 */ .media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;} @@ -274,7 +276,7 @@ tbody tr:hover td.td-actions{background:#F8FBFF;}