jone/mama-box
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

预产期空值时隐藏原生日期提示(due-empty 文字透明), 只显示占位层 (v26090731)

Browse Source
This commit is contained in:
Karlcarlo
2026-09-08 03:17:47 +08:00
parent 915459f21a
commit 2b87d3cfda
3 changed files with 8 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
index.html
View File

@@ -6,8 +6,8 @@
<meta name="theme-color" content="#F4593C"> <meta name="theme-color" content="#F4593C">
<meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-capable" content="yes">
<title>妈妈盒子 · 孕育陪伴</title> <title>妈妈盒子 · 孕育陪伴</title>
<!-- V:26090730 缓存版本标记：改 css/js 时同步 bump 该值，并给下方资源引用加 ?v= 以强制 webview 刷新子资源 --> <!-- V:26090731 缓存版本标记：改 css/js 时同步 bump 该值，并给下方资源引用加 ?v= 以强制 webview 刷新子资源 -->
<link rel="stylesheet" href="mama-box.css?v=26090730"> <link rel="stylesheet" href="mama-box.css?v=26090731">
<script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script> <script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
</head> </head>
<body> <body>
@@ -1773,8 +1773,8 @@
加载失败/离线时 window.wx 为 undefined，goMall() 会降级为 toast 提示， 加载失败/离线时 window.wx 为 undefined，goMall() 会降级为 toast 提示，
不影响应用其余功能。 --> 不影响应用其余功能。 -->
<script src="js/app.js?v=26090730"></script> <script src="js/app.js?v=26090731"></script>
<!-- 页面版本号(排查 webview 缓存)：底部会显示 v26090730 --> <!-- 页面版本号(排查 webview 缓存)：底部会显示 v26090731 -->
<div id="ver" style="position:fixed;left:0;right:0;bottom:10px;text-align:center;z-index:9999;pointer-events:none;color:#B3A69C;font-size:10px;letter-spacing:.5px">v26090730</div> <div id="ver" style="position:fixed;left:0;right:0;bottom:10px;text-align:center;z-index:9999;pointer-events:none;color:#B3A69C;font-size:10px;letter-spacing:.5px">v26090731</div>
</body> </body>
</html> </html>

1
js/app.js
View File

@@ -1805,6 +1805,7 @@
function syncDuePh() { function syncDuePh() {
const ph = $('#pgDuePh'); const ph = $('#pgDuePh');
if (ph) ph.style.display = pgDue.value ? 'none' : 'block'; if (ph) ph.style.display = pgDue.value ? 'none' : 'block';
pgDue.classList.toggle('due-empty', !pgDue.value);
} }
/* 预产期一变，孕周 / 额外天数自动算出来 */ /* 预产期一变，孕周 / 额外天数自动算出来 */

2
mama-box.css
View File

@@ -2657,3 +2657,5 @@ a.skip:focus{left:16px;top:16px}
.fld-date .due-box{position:relative;display:block} .fld-date .due-box{position:relative;display:block}
/* 占位锚定输入框本身并垂直居中 —— 各内核 date 输入框高度不一，锚 label 底部会错位 */ /* 占位锚定输入框本身并垂直居中 —— 各内核 date 输入框高度不一，锚 label 底部会错位 */
.fld-date .date-ph{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:14px;color:#C9B7AC;pointer-events:none;display:block;line-height:1} .fld-date .date-ph{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:14px;color:#C9B7AC;pointer-events:none;display:block;line-height:1}
/* 空值时隐藏原生提示（Chrome 会画 mm/dd/yyyy，与占位叠字）：文字透明即隐 */
.fld-date input.due-empty{color:transparent;-webkit-text-fill-color:transparent}