更新官网首页、服务与案例页面及配套视觉资源
这个提交包含在:
29
docs/agent-service-v2.md
普通文件
29
docs/agent-service-v2.md
普通文件
@@ -0,0 +1,29 @@
|
||||
# 智能体开发页(二次重构)
|
||||
|
||||
## 页面规划
|
||||
|
||||
面向业务与信息化负责人,围绕应用范围、建设内容、部署管理、实施验收与咨询组织内容。采用横幅主视觉与编辑式条目,保持 1280px 容器、宋体标题、黑体正文及蓝白配色。沿用现有需求留言流程。保留私有化部署、RAG、系统接口及人工复核等实际业务说明,不使用未经证实的数据和案例。
|
||||
|
||||
模板:addons/official/view/web/official_product/service_agent.html
|
||||
样式:public/assets/addons/official/css/service-agent-v2.css
|
||||
|
||||
## 图片
|
||||
|
||||
采用内置 ImageGen 生成,Pillow 转码。首屏 1920×640,部署图 1024×1024。WebP 主格式、JPEG 兼容格式;首屏优先加载,部署图延迟加载。
|
||||
|
||||
- public/assets/addons/official/images/agent/landscape-v2.webp
|
||||
- public/assets/addons/official/images/agent/landscape-v2.jpg
|
||||
- public/assets/addons/official/images/agent/courtyard-v2.webp
|
||||
- public/assets/addons/official/images/agent/courtyard-v2.jpg
|
||||
|
||||
## 最终生成提示词
|
||||
|
||||
> Premium architectural abstract sculpture photograph, landscape 1536x1024. For a refined Chinese enterprise software consultancy website. A field of precise ultra-thin white porcelain sheets folds into three graceful horizontal sweeping ridges, reminiscent of a minimalist Chinese mountain landscape and the open pages of books, interleaved with three clear sapphire-blue glass planes. Forms arranged as one coherent horizontal sculptural installation in lower two thirds, on matte white limestone, airy pale grey studio background, broad empty space in upper third. Camera at a low elevated angle, 80mm architectural photography, natural directional morning light, exquisite caustics and subtle shadows, tactile off-white microtexture, just restrained cobalt glass accents. Beautiful sophisticated museum catalogue aesthetic, precise sculptural geometry, contemplative and architectural, extremely high fidelity material rendering. No letters, no text, no diagram, no UI, no neon, no robot, no brain, no circuits, no chrome spheres, no ribbons, no spirals, no purple. Composition must crop gracefully into a wide 3:1 website panorama without losing the sculpture.
|
||||
|
||||
> Refined abstract architectural still life photograph for an enterprise software website, square composition. Three nested open rectangular walls of warm white porcelain surrounding a small deep blue frosted glass cube, like a quiet courtyard seen from a high oblique angle. A single precise slit of daylight crosses the interior, white matte limestone ground, natural soft shadows, tiny surface grain, asymmetrical but balanced composition. The cube sits in its own protected interior space. Modern Chinese spatial sensibility through an abstract courtyard, no traditional ornaments. Luxury architecture monograph photography, museum quality tactile materials, muted cool white with cobalt blue as the sole accent. Clean minimal and spacious. No text, letters, logos, padlock icons, robots, circuitry, glowing objects, neon or purple. Photorealistic 3D sculpture, finely observed light.
|
||||
|
||||
## 验证
|
||||
|
||||
通过专属服务页面与文案检查(11项)。已验证 1440px 桌面、375px 手机、812px 横屏、125% 缩放,以及 reduced-motion、FAQ 键盘展开、页内锚点与图片加载。使用真实 PC / 移动公共模板生成本地预览。
|
||||
|
||||
本地 UI/UX Pro Max 的 scripts 为失效路径指针,无法运行搜索脚本;按技能正文完成可访问性、触控与响应式检查。保留现有 ThinkPHP 技术栈。
|
||||
38
docs/app-service-redesign.md
普通文件
38
docs/app-service-redesign.md
普通文件
@@ -0,0 +1,38 @@
|
||||
# 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 技术栈。
|
||||
22
docs/cases-image-prompts.json
普通文件
22
docs/cases-image-prompts.json
普通文件
@@ -0,0 +1,22 @@
|
||||
{
|
||||
"tool": "built-in image_gen",
|
||||
"workspace_directory": "M:/2026项目/nahaichuan/public/assets/addons/official/images/cases",
|
||||
"images": [
|
||||
{
|
||||
"asset": "distribution.webp / distribution.jpg",
|
||||
"prompt": "Premium abstract architectural still-life photograph for a refined Chinese enterprise software case-study website. Landscape 3:2. Several small off-white porcelain rectangular blocks connected by branching cobalt-blue glass channels, a precise orderly distribution network on a pale limestone plinth. Complete sculpture centered with generous negative space, matte warm-white seamless background, soft natural daylight, finely detailed ceramic microtexture, restrained blue glass, subtle slate shadows, museum catalogue editorial art direction. Modern Chinese spatial rhythm through geometry and emptiness only. No text, no letters, no logos, no screens, no interface, no diagrams, no circuitry, no neon, no purple, no robots, no spheres, no ribbons. Photorealistic and beautifully crafted."
|
||||
},
|
||||
{
|
||||
"asset": "retail.webp / retail.jpg",
|
||||
"prompt": "Premium abstract architectural still-life photograph for a refined Chinese enterprise software case-study website. Landscape 3:2. Three off-white porcelain open rectangular doorways along a single horizontal cobalt-blue glass rail, arranged like a quiet series of coordinated shop spaces. Complete sculpture centered with generous negative space, matte warm-white seamless background, soft natural daylight, finely detailed ceramic microtexture, restrained blue glass, subtle slate shadows, museum catalogue editorial art direction. Modern Chinese spatial rhythm through geometry and emptiness only. No text, no letters, no logos, no screens, no interface, no diagrams, no circuitry, no neon, no purple, no robots, no spheres, no ribbons. Photorealistic and beautifully crafted."
|
||||
},
|
||||
{
|
||||
"asset": "manufacturing.webp / manufacturing.jpg",
|
||||
"prompt": "Premium abstract architectural still-life photograph for a refined Chinese enterprise software case-study website. Landscape 3:2. A precise assembly of interlocking off-white porcelain geometric parts, one sapphire-blue glass plate fitted between the components, elegant engineered joinery. Complete sculpture centered with generous negative space, matte warm-white seamless background, soft natural daylight, finely detailed ceramic microtexture, restrained blue glass, subtle slate shadows, museum catalogue editorial art direction. Modern Chinese spatial rhythm through geometry and emptiness only. No text, no letters, no logos, no screens, no interface, no diagrams, no circuitry, no neon, no purple, no robots, no spheres, no ribbons. Photorealistic and beautifully crafted."
|
||||
},
|
||||
{
|
||||
"asset": "knowledge.webp / knowledge.jpg",
|
||||
"prompt": "Premium abstract architectural still-life photograph for a refined Chinese enterprise software case-study website. Landscape 3:2. Thin upright white porcelain sheets arranged like an open reference book around a single translucent cobalt-blue glass rectangle, a refined abstract archive. Complete sculpture centered with generous negative space, matte warm-white seamless background, soft natural daylight, finely detailed ceramic microtexture, restrained blue glass, subtle slate shadows, museum catalogue editorial art direction. Modern Chinese spatial rhythm through geometry and emptiness only. No text, no letters, no logos, no screens, no interface, no diagrams, no circuitry, no neon, no purple, no robots, no spheres, no ribbons. Photorealistic and beautifully crafted."
|
||||
}
|
||||
]
|
||||
}
|
||||
32
docs/cases-redesign.md
普通文件
32
docs/cases-redesign.md
普通文件
@@ -0,0 +1,32 @@
|
||||
# 案例列表页重构
|
||||
|
||||
页面:https://www.gynhc.com/official/case_show/list/14/14.html
|
||||
|
||||
## 策划与设计
|
||||
|
||||
以业务问题组织案例,保留商贸流通、连锁餐饮、装备制造、知识管理四个方向。卡片先展示项目概况和主要功能,业务挑战、实施方案、交付内容收进原生可展开说明。增加项目比对建议及需求咨询入口。
|
||||
|
||||
采用浅色专业风、蓝色交互、宋体标题、细线和紧凑双列布局。手机端单列,提供原生菜单。筛选支持选中状态、项目数量反馈和键盘操作。图片明确标注为抽象示意,业务结构图单独说明用途。
|
||||
|
||||
## 实施范围
|
||||
|
||||
- 替换案例列表电脑、手机模板 list.html / list_e.html。
|
||||
- 新增 cases-nhc.css、cases-nhc.js 及四组 WebP/JPEG 配图。
|
||||
- 未修改案例详情页、共享导航及其他业务页面。
|
||||
- 现有案例描述作为内容来源;未添加客户身份、量化提升数据或准确率承诺。离线操作与支付条件分别说明,智能体保留原文引用及人工复核。
|
||||
|
||||
## 验证及发布
|
||||
|
||||
文案 5 项、图片 7 项、客户资料规范 3 项、案例结构 14 项检查全部通过。浏览器验证 1440px 桌面、375px 手机及 812px 横屏布局,无横向溢出;筛选项目数依次为 4 / 2 / 1 / 1 / 3,44px 触控目标、键盘展开和手机菜单通过。
|
||||
|
||||
生产环境桌面与 iPhone User-Agent 均返回 200,四个项目及独立样式、脚本引用正确。iPhone 12 模拟环境验证 390px 布局无溢出,智能体筛选及项目说明展开正常,无浏览器错误。图片使用 WebP,单张约 30–58 KB,保留 JPEG 回退。
|
||||
|
||||
上线备份:`/www/backup/nhc-cases-redesign-20261105-143120`。发布 12 个文件,资产先于模板,上传时校验 SHA-256,清除编译模板缓存。发布前检查远端文件未在核对后发生变化。清单保存在 `runtime/cases-deployment.json`。
|
||||
|
||||
## 配图交付
|
||||
|
||||
使用内置 image_gen 工具分别生成四张图片,已保存为项目资产:
|
||||
|
||||
`public/assets/addons/official/images/cases/{distribution,retail,manufacturing,knowledge}.{webp,jpg}`
|
||||
|
||||
生成提示词见 `cases-image-prompts.json`。
|
||||
二进制
docs/home-before.png
普通文件
二进制
docs/home-before.png
普通文件
二进制文件未显示。
|
之后 宽度: | 高度: | 大小: 264 KiB |
60
docs/homepage-redesign.md
普通文件
60
docs/homepage-redesign.md
普通文件
@@ -0,0 +1,60 @@
|
||||
# 官网首页重构
|
||||
|
||||
## 页面定位与内容
|
||||
|
||||
面向企业业务负责人、信息化负责人和产品选型人员,先说明软件定制与标准产品两条路径,再展示项目案例、实施流程、公司介绍、客户反馈和技术文章。
|
||||
|
||||
以具体服务名称与项目工作说明范围,不新增客户数量、认证、业绩等背书。客户反馈沿用旧首页前两条原文。抽象案例插图标注为“方案示意”。新闻继续从 information.data 读取,空数据时展示简短提示,不链接不存在的默认文章。
|
||||
|
||||
## 视觉与交互
|
||||
|
||||
1280px 容器、宋体标题、黑体正文、蓝白配色、细线与 4px 圆角。移除首页轮播,首屏保留一组核心内容和业务入口。移动端使用独立品牌页头及原生 details 菜单;桌面复用公共导航。两套模板采用同一主体规划。
|
||||
|
||||
产品入口使用现有 product-matrix 与 demo-sandbox 锚点;SaaS 按钮为“咨询开通”,指向联系留言页面。电话从站点配置读取。
|
||||
|
||||
## 文件
|
||||
|
||||
- addons/official/view/web/official_home/index.html
|
||||
- addons/official/view/web/official_home/index_e.html
|
||||
- public/assets/addons/official/css/home-nhc.css
|
||||
- public/assets/addons/official/images/home/confluence.webp(JPEG 兼容格式同目录)
|
||||
- public/assets/addons/official/images/home/modules.webp(JPEG 兼容格式同目录)
|
||||
|
||||
## 配图生成
|
||||
|
||||
使用内置 ImageGen 生成,Pillow 转为 WebP 与 JPEG。首屏 WebP 约 70KB,公司介绍图约 79KB,均声明尺寸,非首屏延迟加载。
|
||||
|
||||
最终提示词:
|
||||
|
||||
> Create a premium abstract architectural sculpture photograph for the homepage of NAHAICHUAN, a refined Chinese software engineering company. Landscape 3:2, gallery-quality photorealistic still life on a warm white seamless studio ground. Several long precision-cut matte white porcelain channels and slim rectangular beams flow together from different directions into one elegant open rectangular courtyard, with a single slender cobalt-blue glass plane threading horizontally through the lower structure. Architectural composition conveys separate business systems becoming connected. No mountains, no folded paper, no ribbon, no brain, no robot, no circuits, no text or logo. Modern Chinese architecture expressed only through spatial rhythm, framed views and emptiness. Soft sunlight from upper left, finely detailed matte stone and translucent blue glass, gentle grey shadows, sophisticated tranquil high-end editorial art direction, abundant negative space around the complete sculpture. Sculpture mostly occupies center-right and lower area, background pale white #F8FAFC. Tactile, precise, restrained and beautiful.
|
||||
|
||||
> Museum-quality abstract architectural still life, horizontal wide composition for a professional software company website. Four distinct low rectangular modules of warm-white matte porcelain sit on a limestone platform, precisely aligned yet each with a different elegant open cutout. A thin translucent cobalt-blue glass rail connects the four modules along one shared axis. View from high oblique angle, exquisite natural daylight, warm white and pale slate-grey with one restrained blue accent, realistic tactile ceramics and frosted glass, quiet architectural rhythm inspired by modern Chinese courtyard design without ornament. Spacious balanced composition with no clutter. Premium brand photography, beautifully controlled shadows, photorealistic 3D. No labels, no text, no symbols, no logos, no robots, no circuitry, no neon, no purple, no spheres, no ribbons. The entire sculpture is visible with generous breathing room. Pale white background.
|
||||
|
||||
## 验证范围
|
||||
|
||||
相关 40 项测试通过。浏览器核对桌面、375px 手机、横屏、125% 缩放、减少动态效果、键盘菜单、锚点及图片加载。PC 与移动模板均生成本地静态预览,发布后另核对服务器实际渲染和动态文章。
|
||||
|
||||
UI/UX Pro Max 本地 scripts 为失效路径指针,沿用技能正文的可访问性、对比度、触控与响应式规范。保留原有 ThinkPHP 技术栈,无新增框架。
|
||||
|
||||
## 首页内容补充(2026-11-05)
|
||||
|
||||
保留现有首屏、品牌配图、文章数据及咨询路径,增加内容深度:
|
||||
|
||||
- 三项服务分别补充可承担的具体工作(共9项)。
|
||||
- 四类产品补充功能与评估事项(共12项),增加标准产品、定制开发、已有系统集成的选型提示。
|
||||
- 四个案例增加业务关注与方案范围说明,不增加效果数据或客户背书。
|
||||
- 增加工程配置、数据文档、部署维护的交付与运行板块。
|
||||
- 增加五个合作问答,说明需求准备、周期费用、既有系统、接手维护与新增需求。
|
||||
- 咨询入口前增加可准备的资料清单,并提供首页内容导航。
|
||||
|
||||
相关40项测试通过,检查375px手机、横屏、125%缩放、减少动态效果、FAQ键盘操作与页内锚点。仅发布首页两套模板及首页样式,原文件另行备份。
|
||||
|
||||
## 紧凑排版调整(2026-11-05)
|
||||
|
||||
保留全部首页内容,收紧板块上下间距、标题与正文距离、卡片内边距与列表行间隔;降低服务、产品、案例和文章图片高度。桌面板块间距由94px调整为56px,手机由58px调整为38px。保持正文可读性、咨询按钮和菜单的点击区域。
|
||||
|
||||
同一视口下,桌面首页主体高度由约8093px降至6276px(约22%),手机由约14973px降至12683px(约15%)。14项首页跳转与文案测试通过,另检查横屏、125%缩放、减少动态效果和FAQ键盘操作。仅发布首页样式及两套模板的缓存版本号。
|
||||
|
||||
## 第二轮紧凑优化
|
||||
|
||||
桌面案例改为横向图文,手机服务、产品及资讯使用缩略图,进一步收紧首屏和板块留白。全部内容保留。相同视口下,主体高度桌面约5092px,手机约9886px,较上一版再减少约19%和22%。验证320px窄屏、横屏、125%缩放及14项相关测试。
|
||||
38
docs/homepage-v3.md
普通文件
38
docs/homepage-v3.md
普通文件
@@ -0,0 +1,38 @@
|
||||
# 首页重设计 · 2026-11-05
|
||||
|
||||
## 策划与内容
|
||||
|
||||
首页面向企业经营负责人及信息化负责人,以“为企业经营,做好每一套软件”为核心表达。
|
||||
|
||||
内容顺序:品牌首屏 → 服务 → 产品 → 案例 → 实施交付 → 公司介绍与原有客户反馈 → 动态文章 → 合作问答 → 项目咨询。
|
||||
|
||||
服务说明承担的工作,产品说明适用场景,交付说明阶段成果。精简原首页重复的技术说明和选型条目,不新增客户数量、资质、业务效果或客户评价。文章继续使用后台数据。案例插图标注“方案示意”,办公配图标注“品牌意境图”。
|
||||
|
||||
## 视觉
|
||||
|
||||
1280px 内容区域、宋体标题、黑体正文、蓝白配色、4–6px圆角。首屏采用山水、庭院和蓝色水线的宽幅构图,其余区域用细线、留白和信息层级组织内容。产品工作台为网页绘制的界面示意,非真实经营数据。
|
||||
|
||||
两套首页模板共享同一内容与专属 CSS,手机使用原生折叠菜单。支持键盘焦点与减少动态效果设置。保持服务、产品、案例、关于、咨询及电话入口。
|
||||
|
||||
## 新增图片与生成方式
|
||||
|
||||
使用内置 ImageGen 生成,并转换为 WebP 和 JPEG 存入项目。
|
||||
|
||||
- `public/assets/addons/official/images/home/river-courtyard-v3.webp`:1983 × 793,约167KB;JPEG同名。
|
||||
- `public/assets/addons/official/images/home/office-editorial-v3.webp`:1536 × 1024,约179KB;JPEG同名。
|
||||
|
||||
首屏图片优先加载,其余图片延迟加载。以下为最终生成提示词。
|
||||
|
||||
### 首屏
|
||||
|
||||
Use case: stylized-concept. Asset type: premium Chinese software company website panoramic hero artwork. Create an exquisite architectural landscape photograph / photoreal CGI, panoramic 2.5:1 composition. A calm contemporary Chinese courtyard with pale ivory stone architecture and subtle vertical window lattice on the far right; a single sculptural sweeping blue glass ribbon shaped like a river bends among low white stone terraces and a shallow still reflecting pool, distant misty blue-grey Chinese mountains. Blue glass is elegant translucent cobalt #2563EB, never neon. Soft clear morning daylight, beautifully precise stone texture, refined architectural magazine photography, quiet and spacious, white and very pale blue palette. Place all the main architecture and glass river in the RIGHT 60 percent, LEFT 40 percent almost empty pale sky and distant very faint mountains to allow dark website text overlay. No people, no text, no logos, no screens, no floating cubes, no futuristic city, no watermark. Wide cinematic landscape 2400x960 style.
|
||||
|
||||
### 品牌意境图
|
||||
|
||||
Use case: photorealistic-natural. Asset type: Chinese enterprise software company website brand image, landscape 3:2. Premium architectural editorial photograph of a serene contemporary Chinese office meeting space: long light oak table, two elegant charcoal chairs, floor-to-ceiling windows with slender dark vertical mullions, luminous white stone walls, one open laptop seen at an angle with indistinct neutral business interface, a few neatly arranged paper sheets. Through the windows misty green grey mountain silhouette in the distance. Natural midmorning side light, honest tactile materials, restrained pale warm whites and slate blue accents. Modern Guiyang architectural sensibility, beautifully composed, sophisticated quiet real working environment, no people, no logo, no legible text, no robots, no neon, no futuristic effects, no exaggerated luxury.
|
||||
|
||||
## 上线与验证
|
||||
|
||||
仅发布 PC/移动首页模板、`home-v3.css` 和上述图片。服务器原文件备份在 `runtime/home-v3-backup-20261105-143831`;逐文件核对 SHA-256,清除2个首页编译缓存。未使用仓库硬重置部署。
|
||||
|
||||
14项现有首页文案及按钮跳转测试通过。已检查线上1440px桌面、390px手机、图片加载、菜单和问答交互;本地320px窄屏无横向溢出。新闻动态由实际服务端渲染验证。截图及部署清单位于本地 `runtime/home-v3-*`。
|
||||
@@ -0,0 +1,40 @@
|
||||
# 软件开发服务页重构
|
||||
|
||||
## 策划与文案
|
||||
|
||||
面向业务负责人和信息化负责人,以建设方式为起点,介绍新建系统、既有系统改造、接口集成及按需中台建设。说明业务流程与数据设计、架构选型、权限管理、测试和运行准备。
|
||||
|
||||
不把微服务等技术选型直接等同于性能结果。交付分源码构建、接口数据、部署使用、测试验收四类,另行说明迁移条件、第三方授权及维护范围。保留现有联系留言流程,电话从站点配置读取。
|
||||
|
||||
## 视觉与交互
|
||||
|
||||
沿用新版首页和服务页的白底、蓝色、宋体标题、1280px 容器与细线结构。两张白瓷及蓝色玻璃图片分别表达模块集成与分层装配。首屏优先加载,非首屏延迟加载;图片保持完整,不以裁切破坏主要结构。
|
||||
|
||||
手机使用品牌页头及原生 details 菜单。FAQ 同样使用 details/summary,支持键盘。页面样式限定在 software-service 内,避免影响其他页面。
|
||||
|
||||
## 文件
|
||||
|
||||
- addons/official/view/web/official_product/service_software.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-software.css
|
||||
- public/assets/addons/official/images/software/assembly.webp
|
||||
- public/assets/addons/official/images/software/assembly.jpg
|
||||
- public/assets/addons/official/images/software/layers.webp
|
||||
- public/assets/addons/official/images/software/layers.jpg
|
||||
|
||||
## 配图
|
||||
|
||||
使用内置 ImageGen 生成,经 Pillow 转码为 WebP 与 JPEG,均为 1440×960。首屏 WebP 约 105KB,分层图约 84KB。
|
||||
|
||||
最终提示词:
|
||||
|
||||
> Create an exceptionally refined abstract architectural sculpture photograph for an enterprise software development service website. Landscape 3:2. A precise assembled system of six off-white matte porcelain geometric modules arranged on a square limestone base in a loose three-by-two spatial grid, some solid and some open rectangular frames. One continuous thin translucent cobalt-blue glass plane passes through aligned slots in the modules, visibly linking them into a coherent structure. Oblique architectural camera angle, entire sculpture visible, balanced visual weight, generous negative space, soft pale-white studio ground #F8FAFC. Elegant joinery details, crisp but softly chamfered edges, tactile ceramic microtexture, believable glass refraction, natural daylight from upper left and subtle slate-grey shadows. Museum catalogue luxury editorial quality, modern Chinese architectural rhythm through structure and framed space, no traditional ornaments. Pure abstract sculpture, not furniture or a building, no phones, no screens, no UI, no letters, no text, no robots, no brain, no circuit boards, no neon, no purple, no ribbons, no spheres.
|
||||
|
||||
> Luxury architectural model photograph of an abstract software structure, landscape 3:2. Four beautifully crafted thin square plates, white ceramic, clear glass, white ceramic and deep cobalt-blue frosted glass, arranged as a small precise exploded assembly with gentle horizontal offsets on a square pale limestone plinth. Narrow vertical porcelain pins align all layers so this reads as an engineered layered sculpture with visible assembly logic, not a bench or furniture. View at a high oblique angle, sophisticated calm modern Chinese spatial sensibility, sparse geometry, entire sculpture visible surrounded by airy off-white space. Natural morning light, soft diffuse shadows, exquisite material textures, quiet restrained blue accent. Photorealistic museum-quality still-life art direction. No labels, no text, no icons, no screens, no circuit patterns, no robot, no neon, no spheres, no purple, no ribbons. A coherent carefully assembled object that evokes clear layers and maintainable structure.
|
||||
|
||||
## 验证
|
||||
|
||||
相关 28 项测试通过。检查 1440px 桌面、375px 手机、812px 横屏、125% 缩放、减少动态效果、图片、页内锚点、菜单与 FAQ 键盘操作。先使用真实公共模板构建本地预览,发布后核对服务器渲染、资源及链接,并回查首页、APP 页与智能体页。
|
||||
|
||||
UI/UX Pro Max 本地 scripts 为失效路径指针,依据技能正文执行排版、对比度、触控与可访问性检查。沿用 ThinkPHP 技术栈。
|
||||
43
docs/software-service-v2.md
普通文件
43
docs/software-service-v2.md
普通文件
@@ -0,0 +1,43 @@
|
||||
# 软件开发页第二版
|
||||
|
||||
页面:https://www.gynhc.com/official/service/software.html
|
||||
|
||||
## 内容规划
|
||||
|
||||
面向企业业务负责人和信息化负责人,围绕开发范围、实施过程和交付依据组织内容。首屏直接说明企业软件开发与现有系统改造;依次提供四种建设方式、业务场景、研发能力、四阶段流程、交付清单、部署维护及五项常见问答。
|
||||
|
||||
源码、第三方授权、数据迁移、私有化部署及维护范围分别说明。开发周期与费用按业务条件评估,未添加客户身份、业绩数字或无条件性能承诺。
|
||||
|
||||
## 视觉与交互
|
||||
|
||||
浅色专业风,1280px 容器、宋体标题、科技蓝与细线。首屏图文并置,服务与交付采用紧凑清单;手机端单列。两张石材和蓝色玻璃建筑抽象图分别表达系统连接与模块分层,保留完整构图并标注抽象示意。
|
||||
|
||||
电脑端页内目录随滚动保留,手机端正常排版避免遮挡。使用原生 details/summary 实现手机菜单和问答,提供键盘焦点、跳转链接、减少动态效果适配及至少 44px 的交互目标。
|
||||
|
||||
UI/UX Pro Max 的本地搜索脚本为失效路径指针,未发现实际脚本;依据技能正文及站点要求执行布局、对比度、触控和响应式检查,沿用现有 ThinkPHP 模板技术栈。
|
||||
|
||||
## 文件与配图
|
||||
|
||||
页面模板:`addons/official/view/web/official_product/service_software.html`。
|
||||
|
||||
独立样式:`public/assets/addons/official/css/service-software-v2.css`。
|
||||
|
||||
使用内置 image_gen 工具生成图片,项目资产位于 `public/assets/addons/official/images/software/`:`structure-v2.webp`、`structure-v2.jpg`、`layers-v2.webp`、`layers-v2.jpg`,尺寸均为 1440×960。WebP 分别约 66KB 与 54KB,保留 JPEG 回退,首屏优先加载,后续图片延迟加载。完整提示词见 `software-v2-image-prompts.json`。
|
||||
|
||||
## 验证
|
||||
|
||||
服务独立页 6 项、文案 5 项检查全部通过。静态验证图片路径、文件尺寸与两份发布入口模板的变更范围。
|
||||
|
||||
浏览器检查 1440px 桌面、375px 手机、812px 横屏、125% 缩放及减少动态效果,无横向溢出。图片与页内锚点有效,问答和菜单支持键盘操作。
|
||||
|
||||
发布后检查桌面及 iPhone 响应均为 200,返回新版模板。iPhone 15 模拟环境 393px 布局无横向溢出,菜单与问答展开正常,咨询链接与配置电话正确。两张图片及回退格式、CSS 的线上响应与本地文件内容一致。首页、APP 页、智能体页、案例页与联系页均返回 200,浏览器未报错。
|
||||
|
||||
额外运行的站点图片测试有两项失败,断言仍要求首页引用旧 SVG 文件;当前工作区首页已由其他工作改用新配图,与本次软件页无关,未修改这些断言及首页。
|
||||
|
||||
## 发布
|
||||
|
||||
备份:`/www/backup/nhc-software-v2-20261105-144203`。
|
||||
|
||||
共发布 8 个文件,上传时校验 SHA-256,资产先于模板,清理编译模板缓存。发布前保存远端文件摘要并再次核对,避免覆盖核对后发生的变更。
|
||||
|
||||
远端产品入口模板与本地现有版本不同。发布时以远端原文件为基础,仅为软件页增加 viewport、手机旧导航隐藏及手机品牌页头变量,逐字核对其他分支不变。实际发布入口副本保存在 `runtime/software-v2-backup/publish-list.html` 与 `publish-list_e.html`;未将本地其他服务分支的差异部署到服务器。清单保存在 `runtime/software-v2-deployment.json`。
|
||||
@@ -0,0 +1,20 @@
|
||||
{
|
||||
"tool": "built-in image_gen",
|
||||
"directory": "M:/2026项目/nahaichuan/public/assets/addons/official/images/software",
|
||||
"images": [
|
||||
{
|
||||
"files": [
|
||||
"structure-v2.webp",
|
||||
"structure-v2.jpg"
|
||||
],
|
||||
"prompt": "Premium architectural still-life photograph for an established Chinese enterprise software engineering studio. Landscape 3:2 composition. A beautifully engineered miniature architectural composition: three off-white limestone portal frames, horizontal rectangular platforms and one translucent deep cobalt-blue glass beam joining them into a coherent spatial structure, subtle precision joinery, sculptural but grounded, complete object visible with comfortable margin, gallery-quality product photography. Matte pale warm-gray seamless background, diffuse daylight from upper left, fine stone microtexture, refined blue refracted light, restrained shadows. Quiet contemporary Chinese spatial rhythm, aligned geometry, museum editorial art direction. No text, no letters, no UI, no logos, no circuitry, no neon, no spheres, no ribbons, no robot, no cartoon. Physical material realism, exquisite detail, understated business character."
|
||||
},
|
||||
{
|
||||
"files": [
|
||||
"layers-v2.webp",
|
||||
"layers-v2.jpg"
|
||||
],
|
||||
"prompt": "Landscape 3:2 premium architectural still-life photograph, complementary to a refined enterprise software studio website. A small precision-assembled limestone sculpture on a warm-white surface: four thin horizontal pale stone plates held apart by short vertical stone posts, one single vertical translucent cobalt-blue glass partition passing cleanly through the layers. Complete object centered, generous blank space all around, low three-quarter camera angle, tactile matte stone, soft natural daylight, elegant engineering joints, faint blue refraction, crisp yet gentle contact shadows. Quiet contemporary Chinese architecture through proportions and emptiness. Editorial museum catalogue photography, realistic physical materials. No text, no words, no letters, no logos, no screens, no interface, no icons, no charts, no neon, no robots, no spheres, no ribbons, no cartoon."
|
||||
}
|
||||
]
|
||||
}
|
||||
在新工单中引用
屏蔽一个用户