设置页

Settings Page

布局模式也叫：偏好设置、设置中心、账户设置、Preferences

一句话：把大量互相独立的选项按类别分组，左侧或顶部切换分类，每项配说明文字，用户随时回来修改其中某一项。

详细解释

设置页用来集中管理账户和产品的各种选项，比如「个人资料、账号与安全、通知、外观」。选项较多时，左侧放分类导航（或顶部用标签页），右侧显示当前分类下的设置项；每一项占一行，左边是名称和一行灰色说明，右边是开关、下拉或「修改」按钮。

它和单页表单最大的区别是：设置项彼此独立，用户通常只是回来改其中一两项，而不是从头填到尾。所以开关类选项一般改完立即生效，并用轻提示告知「已保存」；修改密码、换绑手机这类敏感操作才单独弹窗确认。

它和分步向导也不同：向导是第一次按顺序走一遍，设置页是随时、任意顺序地回来调整。注销账号、删除数据这类危险操作要放在页面最底部单独分区，并做二次确认。

灰度线框示意，只表达结构，不代表具体视觉风格。

可以直接贴给 Cursor、Claude Code 等工具，把里面的业务内容换成你自己的。

做一个设置页：左侧 200px 分类导航「个人资料、账号与安全、通知、外观」，右侧显示当前分类；每个设置项一行，左边是名称和一行灰色说明，右边是开关或下拉，改完立即保存并弹出「已保存」轻提示；修改密码点击后弹窗处理。页面最底部单独放「危险操作」区，注销账号需要二次确认。

左侧（或顶部）是设置分类导航，右侧是分组的设置项列表，每项一行，左边名称和说明、右边控件；底部可有单独的危险操作区。