返回待验证
Cursor7 分钟

Cursor 快速重构移动端页面

通过一个真实页面改造案例,学习如何让 AI 辅助你拆组件、补状态和检查移动端布局。

#Cursor#重构#移动端#前端

图文笔记

关键步骤

00:38

圈出重复区域

先找列表项、操作栏和状态卡,把它们拆成稳定组件。

  • 卡片组件
  • 底部导航
  • 处理状态标签
03:50

补齐移动端状态

移动端页面要优先保证空状态、加载状态和按钮点击反馈完整。

  • 空状态不留白
  • 按钮有禁用态
  • 长标题自动换行

视频出处

微信视频号 / 编程效率

查看原链接