diff --git a/index.html b/index.html index 7a1b8b0..b325061 100644 --- a/index.html +++ b/index.html @@ -7,7 +7,7 @@ 兜爸心选 · 孕育陪伴 - + diff --git a/js/app.js b/js/app.js index 680c442..6306422 100644 --- a/js/app.js +++ b/js/app.js @@ -3,7 +3,7 @@ (function () { 'use strict'; /* 页面版本号(YYMMDD+序号):显示在「关于兜爸心选」页底部;bump 时同步 head 注释与 ?v= */ - var VER = '26100166'; + var VER = '26100167'; const $ = (s, c) => (c || document).querySelector(s); const $$ = (s, c) => Array.from((c || document).querySelectorAll(s)); @@ -4379,6 +4379,30 @@ [/档案/, '翻翻孕期档案', '把这周的变化记进档案里'], [/运动/, '做 10 分钟孕期运动', '散散步、拉伸一下,身体会轻松些'], ]; + /* 今日待办前面的线性小图标(2026-10-02 用户:「把 logo 调到前面……跟背景的绿色协调,用线性的」)。 + 不用各应用的彩色 logo(五颜六色压在薄荷绿卡上很花),统一画成 24 格、1.8 线宽、currentColor 的线稿, + 颜色由 CSS 给(墨绿),底是一块浅绿圆角方。按应用名关键词匹配,匹配不上用一支笔。 */ + const TD_ICO = [ + [/胎动/, ''], + [/宫缩/, ''], + [/体重/, ''], + [/血糖/, ''], + [/血压|胎心/, ''], + [/运动/, ''], + [/产检|孕检|日历/, ''], + [/待产/, ''], + [/能不能吃|饮食|营养/, ''], + [/能不能做/, ''], + [/估重/, ''], + [/补水|补剂|喝水/, ''], + [/起名/, ''], + [/档案/, ''], + ]; + const TD_DEF = ''; + function todoIco(name) { + for (const [re, svg] of TD_ICO) if (re.test(name)) return svg; + return TD_DEF; + } function todoLine(name) { for (const [re, t, d] of FP_TODO) if (re.test(name)) return [t, d]; return ['用一下「' + name + '」', '花一分钟,给今天留个记录']; @@ -4402,12 +4426,10 @@ const row = document.createElement(href ? 'button' : 'div'); row.className = 'td-row' + (href ? ' ripple' : ''); if (href) row.type = 'button'; - const logo = (app && (app.logo || app.icon)) || ''; - row.innerHTML = '' + - (logo ? '' : '') + (href ? '去完成' : ''); + row.innerHTML = '' + + (href ? '去完成' : ''); row.querySelector('b').textContent = t; row.querySelector('em').textContent = d; - if (logo) row.querySelector('img').src = logo; if (href) row.addEventListener('click', () => jumpApp(href, (app && app.identifier) || ident || '')); box.appendChild(row); }); diff --git a/mama-box.css b/mama-box.css index dfb608f..c8c74dd 100644 --- a/mama-box.css +++ b/mama-box.css @@ -3782,3 +3782,11 @@ a.skip:focus{left:16px;top:16px} .apps-grid .app.is-done::after{content:"";position:absolute;top:-3px;right:calc(50% - 33px);width:18px;height:18px;border-radius:50%; background:#5BB58A url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.3l2.6 2.5L12 5.4' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat;box-shadow:0 0 0 2px #FAF5F1} .apps-head.for-all{margin-top:22px} + +/* 今日待办:前面的勾选框换成线性图标(墨绿线稿 + 浅薄荷底,和脚印卡的绿底同色系) */ +.td-li{flex:0 0 36px;width:36px;height:36px;display:grid;place-items:center;border-radius:11px; + background:#E6F4EC;color:#2F8F68;box-shadow:inset 0 0 0 1px #CFE9DB} +.td-li svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} +.td-row{gap:12px} +.td-row:active .td-li{background:#D5EEE1} +.td-li svg{width:22px;height:22px}