更新个人资料页实现评估会议记录,明确展示与编辑页字段一致性要求,补充技能字段的展示与编辑需求。优化小程序页面,增加联系方式完善弹窗,确保用户在使用找伙伴功能前填写手机号或微信号。调整相关文档以反映最新进展,提升用户体验与功能一致性。
This commit is contained in:
@@ -60,8 +60,10 @@ description: Soul 创业派对小程序开发规范。在 miniprogram/ 下编辑
|
||||
|
||||
## 6. 表单与输入框
|
||||
|
||||
- **输入框 padding**:设置 padding、背景、边框时,用 `<view>` 包裹 `<input>`;padding/背景/边框写在 view 上,input 设置 `width: 100%`、`font-size`、`color`、`background: transparent`。可避免光标截断、布局异常。
|
||||
- **示例**:`<view class="form-input"><input ... /></view>`,`.form-input { padding: 16rpx 24rpx; ... }`,`.form-input input { width: 100%; font-size: 28rpx; ... }`
|
||||
- **input / textarea padding**:给 `<input>` 或 `<textarea>` 设置 padding 时,**必须**用 `<view>` 包裹,padding 写在 view 上;不在 input/textarea 自身上设 padding。可避免光标截断、布局异常等原生组件表现问题。
|
||||
- **正确写法**:
|
||||
- input:`<view class="form-input"><input class="form-input-inner" ... /></view>`,`.form-input { padding: 16rpx 24rpx; background: #1F2937; }`,`.form-input-inner { width: 100%; font-size: 28rpx; background: transparent; }`
|
||||
- textarea:`<view class="form-textarea-wrap"><textarea class="form-textarea-inner" ... /></view>`,`.form-textarea-wrap { padding: 16rpx 24rpx; background: #1F2937; }`,`.form-textarea-inner { width: 100%; font-size: 28rpx; background: transparent; min-height: 160rpx; }`
|
||||
|
||||
---
|
||||
|
||||
@@ -70,6 +72,6 @@ description: Soul 创业派对小程序开发规范。在 miniprogram/ 下编辑
|
||||
- 在 **miniprogram/** 下新增或修改页面、组件、utils 时。
|
||||
- 在小程序内新增或修改任何网络请求路径时(必须保持 `/api/miniprogram/...`)。
|
||||
- 做阅读、支付、推荐、提现等与 soul-api 对接的功能时。
|
||||
- 做表单、输入框样式时(遵循 §6 包裹 input 的写法)。
|
||||
- 做表单、input/textarea 样式时(遵循 §6,用 view 包裹,padding 写在 view 上)。
|
||||
|
||||
遵循本 Skill 可保证小程序只与 soul-api 的 miniprogram 路由组对接,避免与管理端或 next-project 接口混用。
|
||||
|
||||
Reference in New Issue
Block a user