登录注册流程
从打开 App 到登录成功的一整套:登录表单 + 输入规范 + 结果反馈。
iOSAndroid 安卓HarmonyOS 鸿蒙Web 网站身份与账号全屏整套流程 版本 v1.0.0 · 框架目标:html-css / tailwind / react 待复验
这条场景提示词引用的组件提示词
- 登录表单 · 提示词 v1.0.0
- 文本输入框 · 提示词 v1.0.0
- 轻提示 Toast · 提示词 v1.0.0 {{position}} = 顶部居中
版式说明
整屏单列:顶部品牌区(Logo + 一句欢迎),中部登录表单,第三方登录在分隔线下方,协议勾选贴表单底部;登录成功用 Toast 回执并跳转首页,失败在字段下方报错,不弹 Toast。
填空生成你的提示词
这条提示词没有参数表:直接复制全文,把文中的占位符换成你的内容。
验证信息
待复验:这条提示词还没有用真实模型跑过,上线前会逐条复验。
拼好的完整提示词
原始七段全文
场景说明
从打开 App 到登录成功的一整套:登录表单 + 输入规范 + 结果反馈。
版式说明
整屏单列:顶部品牌区(Logo + 一句欢迎),中部登录表单,第三方登录在分隔线下方,协议勾选贴表单底部;登录成功用 Toast 回执并跳转首页,失败在字段下方报错,不弹 Toast。
引用的组件提示词
login-form-promptv1.0.0text-field-promptv1.0.0toast-promptv1.0.0,覆盖参数:{{position}} = 顶部居中
生成顺序
先按版式生成页面骨架,再逐个引用上面的组件提示词生成各部件,最后统一令牌与间距。不要把组件提示词全文复制进本场景——引用 + 覆盖即可(规格 §5.1)。
(验证状态:待复验。本场景尚未经真实模型实测,验证字段如实留空。)