更新输入框边距规范,增加资源对接弹窗的布局修正,确保在小程序开发中避免文字贴边问题。补充相关口诀以提升开发一致性,并在经验清单中记录最新最佳实践。调整项目索引以反映最新进展,增强文档的可用性与可追溯性。

This commit is contained in:
Alex-larget
2026-03-03 11:12:56 +08:00
parent 8e2ea9b7c1
commit 3097d796e0
18 changed files with 220 additions and 94 deletions

View File

@@ -15,4 +15,11 @@
## input/textarea padding 规范
- **原则**:给 input 或 textarea 设置 padding 时,必须用 view 包裹padding 写在 view 上;不在 input/textarea 自身上设 padding避免原生组件光标截断、布局异常。
- **已升级**miniprogram-dev SKILL §6
- **口诀**:外边包 view内部 input width 100%
- **已升级**miniprogram-dev SKILL §6 加入口诀admin-dev §4.1 同步补充。
## 找伙伴-资源对接弹窗 input 边距修正
- **问题**:弹窗内 input 文字贴边padding 直接写在 input 上导致布局异常。
- **正确做法**:按 Skill §6用 view 包裹padding 写 view内部 input 设 `width: 100%`
- **修改**match 页资源对接两个输入框 + 联系方式输入框,统一改为 `form-input-wrap` + `form-input-inner` / `input-field-wrap` + `input-field-inner` 结构。

View File

@@ -2,3 +2,4 @@
| 日期 | 摘要 | 文件 |
|------|------|------|
| 2026-02-28 | input 边距口诀、match 资源对接弹窗修正 | [2026-02-28.md](./2026-02-28.md) |

View File

@@ -23,6 +23,7 @@
| 日期 | 角色 | 类型 | 升级 Skill | 摘要 |
|------|------|------|------------|------|
| 2026-02-27 | 小程序、团队 | 最佳实践 | SKILL-小程序开发 §6、SKILL-管理端开发 §4.1 | 输入框 padding 用 view/div 包裹 |
| 2026-02-28 | 小程序、管理端 | 最佳实践 | miniprogram §6、admin §4.1 | input 边距口诀「外边包 view、内部 width 100%」match 弹窗已修正 |
---
@@ -33,4 +34,4 @@
---
**最后更新**2026-02-27
**最后更新**2026-02-28

View File

@@ -19,6 +19,7 @@
| 2026-02-27 | 开发进度同步会议进度已同步至开发文档待办资料完善弹窗、≥3 章弹窗 | 已完成 |
| 2026-02-27 | 吸收经验:输入框 padding 用 view 包裹,已升级 SKILL-小程序开发 §6 | 已完成 |
| 2026-02-28 | stitch_soul 需求评审:首页/目录/导师/会员/资料五类页面,待需求与接口确定后分阶段实现 | 待续 |
| 2026-02-28 | 吸收经验input 边距口诀「外边包 view、内部 width 100%」写入 Skill §6match 资源对接弹窗已按规范修正 | 已完成 |
> **格式说明**:每次开发后在此追加一行,日期格式 YYYY-MM-DD状态用已完成 / 进行中 / 待续 / 搁置