Blizzard
6fd4977f46
后端上一轮做完了但小程序上看不到，这次接上。
## 建档第四步：挑方案
方案按阶段取，所以必须排在「资料」之后（阶段是第三步定的）。卡片上按重复方式
分开报数（每天 3 项 / 每周 2 项 / 一次性 2 项），不报一个总数——4 条「每天」
套一整月就是 120 多条，只给总数用户会以为出 bug。
「先空着，我自己排」是个平等的选项，和方案卡长一样、就在下面一眼能看到，
不是藏起来的退路：已经养熟的宠物主人有自己的节奏，硬塞一套只会被删掉。
默认选第一套——多数用户是新手，给一个合理默认比让他面对空白好。
编辑档案时不出现第四步：改档案不该顺手改计划。
套方案失败不算建档失败：档案已经建好了，方案之后在计划页还能套，
不该把用户退回表单。
## 计划页：空月份和平时都能套
空月份的提示条带「套一套方案」按钮 —— 空着让用户从零排，多数人会直接退出去。
但「＋ 加一件」始终在，不能只给套用。
浮层里写明「套用是往里加，不会覆盖你已经排好的」，因为服务端就是按
「日期+标题」去重的，这句话是真的。套完 toast 报排了几件；一件都没排
（全都已存在）时说「这个月已经有这些安排了」，不说「成功」。
## 阶段漂移提示
首页门面卡下面一张卡：「钞票已经 17个月，从幼年期进入成年期了」，
带上新阶段的划分依据、养护重点和体型说明，点进去到建档页改。
用主色不用红色 —— 这是「可以做一下」不是「出问题了」。
改完回首页 onShow 重拉一次，卡片自然消失。
不在首页直接改阶段：改完要不要套新方案是同一件事，放在建档页一起做才连贯。
## 顺手把合并的尾巴清了
manageTasks 那一支删了：它管的是 DailyTask，而今日任务已经并进计划节点，
增删改都在计划页。留着会出现「这里加的任务」和「计划页加的节点」进不同的表。
连带清掉 7 个死方法 + taskSheets + 一个死 require（简易表单那套早随记录表单
搬到 pages/addrecord 了）。首页现在一个弹层都不开，bottom-sheet 组件也去掉了。
弹层累计：js 1110 → 689 行，wxml 485 → 278 行。
## 验证（预生产库实跑）
建档四步 6 个月柯基 → 幼年期 → 拉到「幼犬标准照护」→ 套用本月 7 条
→ 首页今日任务 4 条
先空着 今日任务 0 条，疫苗驱虫提醒仍然建
计划页套用 0 → 7 条；重复套用 0 条（去重生效）
漂移检测 17 个月柯基存着幼年期 → drifted=true，给出依据/重点/体型
改成成年期 → drifted=false
没生日 → 不提示（算不出就不猜）
「刚到家」→ 不提示（叠加层不是年龄段）
第一版验证脚本把阶段改成了和算出来一样的值，drifted=False 是对的，
但我的 print 无条件打了提示文案，看着像 bug。重测才验到真的。
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
109 lines
4.5 KiB
Plaintext
109 lines
4.5 KiB
Plaintext
.pf-body{padding-bottom:calc(200rpx + env(safe-area-inset-bottom))}
|
|
|
|
/* 三步进度条。不用 seg-tabs：那是「可以随意切」的语义，
|
|
这里是有顺序的，点第三步跳过前两步会拿到一份没名字的档案 */
|
|
.pf-steps{
|
|
flex:none;display:flex;align-items:flex-start;justify-content:center;
|
|
gap:var(--sp-6);padding:var(--sp-3) var(--pad-x) var(--sp-4);
|
|
}
|
|
.pf-step{display:flex;flex-direction:column;align-items:center;gap:6rpx}
|
|
.pf-dot{
|
|
width:48rpx;height:48rpx;border-radius:50%;
|
|
display:flex;align-items:center;justify-content:center;
|
|
background:#fff;border:1rpx solid var(--line);
|
|
color:var(--muted2);font-size:var(--fs-sm);font-weight:var(--fw-b);
|
|
}
|
|
.pf-slabel{font-size:var(--fs-cap);color:var(--muted2)}
|
|
.pf-step.on .pf-dot{background:var(--primary);border-color:var(--primary);color:#fff}
|
|
.pf-step.on .pf-slabel{color:var(--primary-dark);font-weight:var(--fw-b)}
|
|
|
|
.pf-h{font-size:var(--fs-lg);font-weight:var(--fw-b);margin-bottom:var(--sp-4)}
|
|
|
|
/* 头像 */
|
|
.pf-av-wrap{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-5)}
|
|
.pf-av{
|
|
width:176rpx;height:176rpx;border-radius:50%;overflow:hidden;
|
|
background:var(--primary-soft);color:var(--primary-dark);
|
|
display:flex;align-items:center;justify-content:center;
|
|
}
|
|
.pf-av-img{width:100%;height:100%}
|
|
.pf-av-tip{font-size:var(--fs-cap);color:var(--primary-dark)}
|
|
|
|
/* 猫 / 狗 */
|
|
.pf-species{display:flex;gap:var(--sp-3);margin-bottom:var(--sp-4)}
|
|
.pf-sp{
|
|
flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);
|
|
padding:var(--sp-5) 0;border-radius:var(--r-md);
|
|
background:var(--surface-2);border:2rpx solid var(--line);
|
|
color:var(--muted);font-size:var(--fs-md);
|
|
}
|
|
.pf-sp.on{background:var(--primary-soft);border-color:var(--primary);color:var(--primary-ink);font-weight:var(--fw-b)}
|
|
.pf-empty{color:var(--muted2)}
|
|
|
|
/* 底部按钮 */
|
|
.pf-foot{
|
|
position:fixed;left:0;right:0;bottom:0;z-index:50;display:flex;gap:var(--sp-3);
|
|
padding:var(--sp-4) var(--pad-x) calc(var(--sp-4) + env(safe-area-inset-bottom));
|
|
background:#fff;box-shadow:0 -12rpx 32rpx rgba(70,48,25,.06);
|
|
}
|
|
.pf-back{flex:none;width:200rpx}
|
|
.pf-next{flex:1}
|
|
.pf-busy{opacity:.6}
|
|
|
|
/* 品种选择器 */
|
|
.pf-mask{position:fixed;inset:0;z-index:200;background:rgba(45,41,37,.45);display:flex;align-items:flex-end}
|
|
.pf-sheet{
|
|
width:100%;background:var(--bg2);border-radius:var(--r-lg) var(--r-lg) 0 0;
|
|
padding:var(--sp-5) 0 calc(var(--sp-3) + env(safe-area-inset-bottom));
|
|
box-shadow:var(--sd-3);
|
|
}
|
|
.pf-sheet-h{
|
|
display:flex;align-items:center;justify-content:space-between;
|
|
padding:0 var(--pad-x) var(--sp-4);
|
|
font-size:var(--fs-lg);font-weight:var(--fw-b);
|
|
}
|
|
.pf-breed-wrap{display:flex;height:60vh}
|
|
.pf-breed-list{flex:1;min-width:0;padding-left:var(--pad-x)}
|
|
/* 首字母吸顶：滚长列表时得知道现在在哪一段 */
|
|
.pf-bi{
|
|
position:sticky;top:0;z-index:1;
|
|
background:var(--bg2);color:var(--primary-dark);
|
|
font-size:var(--fs-sm);font-weight:var(--fw-b);padding:var(--sp-2) 0;
|
|
}
|
|
.pf-brow{
|
|
padding:var(--sp-3) 0;font-size:var(--fs-md);color:var(--text);
|
|
border-bottom:1rpx solid var(--line);
|
|
}
|
|
.pf-brow.on{color:var(--primary-dark);font-weight:var(--fw-b)}
|
|
/* 右侧 A-Z 索引 */
|
|
.pf-index{
|
|
flex:none;width:56rpx;display:flex;flex-direction:column;
|
|
align-items:center;justify-content:center;gap:2rpx;
|
|
}
|
|
.pf-ichar{
|
|
font-size:var(--fs-cap);color:var(--muted);
|
|
padding:2rpx 8rpx;line-height:1.4;
|
|
}
|
|
|
|
/* 阶段的划分依据。摆出来而不是让用户猜「幼年期」是几个月到几个月 */
|
|
.pf-basis{
|
|
margin-top:var(--sp-2);background:var(--primary-soft);color:var(--primary-ink);
|
|
border-radius:var(--r-sm);padding:var(--sp-2) var(--sp-3);
|
|
font-size:var(--fs-cap);line-height:1.6;
|
|
}
|
|
|
|
/* 第四步：方案卡 */
|
|
.pf-sub{font-size:var(--fs-sm);color:var(--muted);line-height:1.6;margin:calc(-1 * var(--sp-2)) 0 var(--sp-4)}
|
|
.pf-tpl{
|
|
border:2rpx solid var(--line);border-radius:var(--r-md);
|
|
padding:var(--sp-4);margin-bottom:var(--sp-3);background:var(--surface-2);
|
|
}
|
|
.pf-tpl.on{border-color:var(--primary);background:var(--primary-soft)}
|
|
.pf-tpl-top{display:flex;align-items:center;gap:var(--sp-2)}
|
|
.pf-tpl-name{flex:1;font-size:var(--fs-md);font-weight:var(--fw-b);color:var(--text)}
|
|
.pf-tpl-tick{flex:none;color:var(--primary-dark);display:flex;align-items:center}
|
|
.pf-tpl-sum{font-size:var(--fs-sm);color:var(--text-2);margin-top:6rpx;line-height:1.5}
|
|
.pf-tpl-meta{display:flex;flex-wrap:wrap;gap:var(--sp-3);margin-top:var(--sp-2);
|
|
font-size:var(--fs-cap);color:var(--muted)}
|
|
.pf-tpl-note{margin-top:var(--sp-2)}
|