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

底部导航选中项去掉背景胶囊，改为颜色+小圆点

Browse Source 
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
Karlcarlo
2026-10-01 16:34:54 +00:00
parent a688ce3a81
commit 9a1ff38d94
3 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
index.html
View File

@@ -7,7 +7,7 @@
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes">
<title>兜爸心选 · 孕育陪伴</title>
<!-- V:26100142 缓存版本标记：改 css/js 时同步 bump 该值（与 js/app.js 的 VER 同源），静态资源按 mtime 走 ETag 自动刷新 -->
<!-- V:26100143 缓存版本标记：改 css/js 时同步 bump 该值（与 js/app.js 的 VER 同源），静态资源按 mtime 走 ETag 自动刷新 -->
<link rel="stylesheet" href="mama-box.css">
<script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
<!-- 共享助手：授权/跳商城/位置上报（分享卡片同步，见 docs/h5-auth-standard.md 第四节） -->

2
js/app.js
View File

@@ -3,7 +3,7 @@
(function () {
'use strict';
/* 页面版本号（YYMMDD+序号）：显示在「关于兜爸心选」页底部；bump 时同步 head 注释与 ?v= */
var VER = '26100142';
var VER = '26100143';
const $ = (s, c) => (c || document).querySelector(s);
const $$ = (s, c) => Array.from((c || document).querySelectorAll(s));

5
mama-box.css
View File

@@ -3249,3 +3249,8 @@ a.skip:focus{left:16px;top:16px}
.exch-wrap{margin:16px -26px 0;padding:16px 26px 18px;border-radius:26px;position:relative;z-index:0;
background-color:#fff;background-image:radial-gradient(170px 110px at 100% 0%, rgba(255,214,190,.38), rgba(255,214,190,0) 70%),linear-gradient(180deg,#FFFDFB,#FFF7F3)}
.exch-wrap .exch-mod{margin-top:0}
/* 2026-10-01 用户：选中项不要背景圆圈/底色，只靠颜色+加粗+图标弹一下 + 下方小圆点 */
.tab::before{display:none}
.tab::after{content:"";position:absolute;left:50%;bottom:6px;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:#F4593C;opacity:0;transform:scale(0);transition:opacity .2s,transform .3s cubic-bezier(.3,1.6,.5,1)}
.tab.is-active::after{opacity:1;transform:scale(1)}
.tab-fab::after{display:none}