登录注册流程

从打开 App 到登录成功的一整套:登录表单 + 输入规范 + 结果反馈。

iOSAndroid 安卓HarmonyOS 鸿蒙Web 网站身份与账号全屏整套流程 版本 v1.0.0 · 框架目标:html-css / tailwind / react 待复验

这条场景提示词引用的组件提示词

版式说明

整屏单列:顶部品牌区(Logo + 一句欢迎),中部登录表单,第三方登录在分隔线下方,协议勾选贴表单底部;登录成功用 Toast 回执并跳转首页,失败在字段下方报错,不弹 Toast。

填空生成你的提示词

这条提示词没有参数表:直接复制全文,把文中的占位符换成你的内容。

验证信息

待复验:这条提示词还没有用真实模型跑过,上线前会逐条复验。

拼好的完整提示词

 

原始七段全文

场景说明

从打开 App 到登录成功的一整套:登录表单 + 输入规范 + 结果反馈。

版式说明

整屏单列:顶部品牌区(Logo + 一句欢迎),中部登录表单,第三方登录在分隔线下方,协议勾选贴表单底部;登录成功用 Toast 回执并跳转首页,失败在字段下方报错,不弹 Toast。

引用的组件提示词

  • login-form-prompt v1.0.0
  • text-field-prompt v1.0.0
  • toast-prompt v1.0.0,覆盖参数:{{position}} = 顶部居中

生成顺序

先按版式生成页面骨架,再逐个引用上面的组件提示词生成各部件,最后统一令牌与间距。不要把组件提示词全文复制进本场景——引用 + 覆盖即可(规格 §5.1)。

(验证状态:待复验。本场景尚未经真实模型实测,验证字段如实留空。)