39 行
4.3 KiB
Markdown
39 行
4.3 KiB
Markdown
# APP 与小程序服务页重构
|
||
|
||
## 策划
|
||
|
||
面向企业业务负责人及信息化负责人，按终端选型、业务场景、开发能力、实施交付、常见问题组织内容。APP、小程序、H5 分别说明适用情况与评估事项，不将多端覆盖作为无条件承诺。强调实际设备、网络、接口和账号条件。
|
||
|
||
文案不使用固定帧率、上架通过率或保证审核等表述。交付明确工程源码、资源文件、接口文档与测试记录，发布协助及维护范围以合同约定为准。电话改为站点配置值。
|
||
|
||
## 视觉与交互
|
||
|
||
延续新版首页的白底、蓝色、宋体标题及 1280px 容器。制作两张白瓷与蓝色玻璃抽象图片，分别表达多终端与共用业务服务。桌面首屏左右布局，移动端按阅读顺序排列，采用与新版首页一致的品牌页头及原生菜单。FAQ 使用 details/summary，支持键盘操作。
|
||
|
||
## 文件
|
||
|
||
- addons/official/view/web/official_product/service_app.html
|
||
- addons/official/view/web/official_product/list.html（本页 viewport 条件）
|
||
- addons/official/view/web/official_product/list_e.html（仅本页移动页头与轮播适配）
|
||
- public/assets/addons/official/css/service-app.css
|
||
- public/assets/addons/official/images/app/terminals.webp
|
||
- public/assets/addons/official/images/app/terminals.jpg
|
||
- public/assets/addons/official/images/app/foundation.webp
|
||
- public/assets/addons/official/images/app/foundation.jpg
|
||
|
||
## 配图
|
||
|
||
采用内置 ImageGen 生成，经 Pillow 转码为 WebP 和 JPEG，1440×960。首屏 WebP 约 42KB，说明图约 91KB。声明图片尺寸，非首屏延迟加载。
|
||
|
||
最终提示词：
|
||
|
||
> Premium abstract sculptural still life for a Chinese enterprise APP and mini-program software development service website. Landscape 3:2 editorial photograph. Three upright softly rounded rectangular slabs of different proportions, two warm-white matte porcelain and one translucent deep cobalt-blue glass, arranged in a precise staggered group on a thin white limestone plinth, connected at their bases by one fine blue glass inset. Evoke different mobile terminals sharing a foundation without showing actual phones. Forms have architectural integrity and tactile realism, no screens, no buttons, no camera holes, no interface, no text, no lettering. Modern Chinese spatial balance, framed negative spaces, very restrained material palette, white #F8FAFC background, softly directional daylight, exquisite glass refraction and fine ceramic microtexture, gentle pale slate shadows. Museum catalogue photography, sophisticated high-end brand design. Complete sculpture visible centered with generous empty margin. No ribbons, no spheres, no circuitry, no brain, no robot, no neon, no purple, no glowing effects.
|
||
|
||
> Create an exquisite minimalist architectural still life, landscape 3:2 composition, for an enterprise mobile app engineering website. A precise white porcelain horizontal bridge rests across three low warm-white rectangular supports. Beneath it a single cobalt-blue frosted glass rail joins all three supports, visibly connecting the structure. A thin translucent glass plate hovers very slightly above the white bridge as a separate crafted layer, believable physical construction. Carefully aligned engineering joinery, soft edge radius only 4mm, tactile limestone base and seamless pale white studio background. Photorealistic high-end architectural model photography with oblique camera angle, soft morning light and gentle shadows, exceptional material detail. Visual metaphor for shared business services supporting different terminals. Refined modern Chinese architectural rhythm without decoration. No letters, no text, no UI, no actual phones, no digital icons, no robot, no brain, no circuit board, no neon, no purple, no ribbons or spheres. Airy spacious composition showing the whole sculpture.
|
||
|
||
## 验证
|
||
|
||
相关 28 项测试通过。浏览器检查 1440px 桌面、375px 手机、812px 横屏、125% 缩放、减少动态效果、图片加载、页内锚点、FAQ 与菜单键盘操作。基于现有 PC / 移动公共模板生成本地预览；发布后检查服务器渲染、资源和跳转，并回查首页及智能体页。
|
||
|
||
UI/UX Pro Max 本地 scripts 为失效路径指针，依据技能正文完成可访问性、触控和响应式检查，沿用 ThinkPHP 技术栈。
|