前端开发

漏洞应急公告页 Vue 组件规格

输入漏洞与修复进度 → 产出应急公告页组件与降级方案

发布于 2026-10-27 16:11:25 浏览 8

适用场景

  • 漏洞应急公告
  • 静态页兜底
  • 告知用户
PROMPT
漏洞正在修复,需要立刻挂一个公告页告诉用户情况,前端手上有修复进度和设计给的三段文案,今晚要上线。

【角色】
1. 按应急场景写:不依赖后端接口,内容内置在组件里。
2. 页面在接口全挂时也能打开,静态资源走本地。
3. 交付含一份可直接部署的静态 HTML。

【目标】
1. 页面写清三件事:发生了什么、现在到哪一步、用户要做什么。
2. 每两小时可手动更新一次进度,只改一个字段。
3. 页面加载在弱网下不超过 3 秒。

【背景】
1. 漏洞影响登录接口,部分用户无法登录。
2. 修复预计 6 小时内完成,已发过一条短信通知。
3. 站点主域名的接口此刻不稳定,公告页不能依赖它。

【约束】
1. 不请求任何后端接口,内容全部内置。
2. 不使用外部 CDN,样式与脚本内联。
3. 不出现技术细节与责任表述,只讲事实与进度。

【输出】
1. 给一个单文件组件,含三段内容与进度时间线。
2. 给一份静态 HTML,可直接丢到任意静态目录。
3. 给一份更新说明,写明改哪一行更新进度。

【校验】
1. 断网状态下打开静态页,内容完整显示。
2. 手机与桌面各看一次,文字不溢出、不断行错乱。
3. 进度时间线的时间与实际一致,无占位符残留。
复制后直接粘贴到模型使用
标签 前端Vue3安全组件开发