chore: 小票文案精简与样式微调(营养得分去背景、NRV%改名、QR文案缩短)

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
zhangyan
2026-08-07 14:33:48 +08:00
co-authored by Claude Opus 4.6
parent d49235f92a
commit d28f71ef9f
2 changed files with 11 additions and 9 deletions
@@ -296,10 +296,7 @@
display: flex;
justify-content: space-between;
align-items: center;
padding: 6px 10px;
background: #f5f5f5;
border-radius: 4px;
border: 1px solid #ddd;
padding: 6px 0;
}
.receipt-score__label {
color: #333;
@@ -557,7 +554,7 @@
+ '<div class="receipt-divider"></div>'
/* 消费明细表 */
+ '<table class="receipt-table receipt-table--v1">'
+ '<thead><tr><th>餐品</th><th>单价/100g<br>(元)</th><th>取用量<br>(g)</th><th>小计<br>(元)</th></tr></thead>'
+ '<thead><tr><th>营养<br>餐品</th><th>单价/100g<br>(元)</th><th>取用量<br>(g)</th><th>小计<br>(元)</th></tr></thead>'
+ '<tbody>' + itemsHtml + '</tbody>'
+ '</table>'
+ '<div class="receipt-divider"></div>'
@@ -582,7 +579,7 @@
/* 营养成分表 */
+ '<div class="receipt-nutrition-title">- - - 营养成分表 - - -</div>'
+ '<table class="receipt-nutrition-table">'
+ '<thead><tr><th>项目</th><th>本餐</th><th>' + (isV2 ? '个人<br>营养素参考值%' : '营养素参考值%') + '</th></tr></thead>'
+ '<thead><tr><th>项目</th><th>本餐</th><th>' + (isV2 ? '个性化参考值%' : '营养素参考值%') + '</th></tr></thead>'
+ '<tbody>'
+ '<tr><td>热量</td><td>' + order.nutrition.calories + '<small>kcal</small></td><td>' + order.nutrition.nrv.calories + '%</td></tr>'
+ '<tr><td>蛋白质</td><td>' + order.nutrition.protein + '<small>g</small></td><td>' + order.nutrition.nrv.protein + '%</td></tr>'
@@ -590,6 +587,7 @@
+ '<tr><td>碳水</td><td>' + order.nutrition.carb + '<small>g</small></td><td>' + order.nutrition.nrv.carb + '%</td></tr>'
+ '</tbody>'
+ '</table>'
+ '<div class="receipt-divider"></div>'
+ '<div class="receipt-score">'
+ '<span class="receipt-score__label">营养得分</span>'
+ '<span class="receipt-score__value' + (typeof scoreText === 'string' ? ' receipt-score__value--text' : '') + '">' + scoreText + '</span>'
@@ -599,13 +597,13 @@
+ '<div class="receipt-qr--dual">'
+ '<div class="receipt-qr">'
+ getQRCodeEnterpriseSVG()
+ '<div class="receipt-qr__text">扫码加入企业微信群</div>'
+ '<div class="receipt-qr__sub">获取营养知识优惠活动</div>'
+ '<div class="receipt-qr__text">加入企业微信群</div>'
+ '<div class="receipt-qr__sub">获取营养知识优惠</div>'
+ '</div>'
+ '<div class="receipt-qr">'
+ getQRCodeMiniProgramSVG()
+ '<div class="receipt-qr__text">扫码进入小程序</div>'
+ '<div class="receipt-qr__sub">查看详细营养分析报告</div>'
+ '<div class="receipt-qr__sub">查看营养报告</div>'
+ '</div>'
+ '</div>'
+ '<div class="receipt-divider receipt-divider--double"></div>'
@@ -51,6 +51,10 @@
- 营养区改为三列表格(项目/本餐/营养素参考值%),含 NRV 数据
- 营养标题改为"营养成分表",得分改为"加油,继续努力!"
- 全局字号统一为两种:餐厅名称 14px,其余 11px
- 会员用户版 NRV% 表头改为"个性化参考值%"
- 表头"餐品"→"营养<br>餐品",每 2 字一行
- 二维码文案精简:"加入企业微信群""获取营养知识及优惠""查看营养报告"
- 营养得分去背景色,上方加分隔线
## 2026-08-05 | 小票双版本对比展示与格式优化