版式组件库
标题区、图文、卡片、长条、标签与数据徽章都已排好间距，替换文字和图片就能成稿。
- 32 组基础版式，复制即复用
- 圆角、阴影、描边取值统一
- 同一区块可换三种图文比例
leyu网页四组常用能力，覆盖页面从搭到改
版式、适配、栏目与搜索是每天都会用到的四件事。它们各自独立，又能组合在同一套页面里，改动一处不会牵动其他区块。
移动端适配
手机上自动收成单列，图片按屏幕宽度等比缩放，长标题折行后不会压到按钮。
- 768 与 520 两处断点逐一检查
- 按钮与链接触控区不小于 44px
- 页面横向不出现滚动条
栏目内容管理
按栏目维护条目，标题、摘要、封面分开填写，列表自动按更新时间排在前面的位置。
- 栏目结构清晰，条目一眼可寻
- 空栏目给出提示，不留白块
- 内容可随时替换与下线
搜索基础配置
站内搜索覆盖页面与内容条目，输入关键词就能定位到对应栏目，不用逐页翻找。
- 支持标题与摘要匹配
- 结果按栏目分组展示
- 无结果时给出手动入口
能力一览：按需要挑，组合起来用
下面这些能力已经预置在页面里，实际项目会用到的部分打勾确认后即可开始排版，未用到的保持关闭，不占版面。
常用能力
响应式栅格
图文版式
卡片列表
标签筛选
数据徽章
表单收集
搜索基础配置
内容更新
图片裁切
页脚统一
版权信息
16:10
封面裁切比例另有 4:3 可选
一处改好，整站跟着变
导航、按钮、卡片与页脚使用同一套取值，改一次颜色或圆角，所有页面同步生效。临时加一栏内容时，直接复制同类区块，不用重新调间距。
图片统一按 16:10 与 4:3 两种比例裁切，运营同事上传时不必反复确认尺寸，页面也不会因为图片高低不一而参差。
从一个页面开始，四步走到上线
流程不长，每一步都有明确产出物。多数站点在资料齐备的情况下，两到三周可以完成第一版并进入内容填充。
列出要发布的页面
把品牌介绍、产品页、合作页与需要长期更新的栏目写清楚，确定哪几处会频繁改动。
选定版式与配色
从组件库中挑出对应版式，确认主色、圆角与图片比例，输出一页视觉样例供确认。
填充内容并检查手机端
录入标题、摘要与封面，在 768 与 520 两个宽度下逐屏检查折行与按钮位置。
上线并交接维护方式
交付页面文件与组件说明，演示如何替换内容、如何新增栏目，后续由团队自行更新。
使用产品功能时常见的五个问题
这些问题在沟通中出现频率最高，先看一遍能省下不少来回确认的时间。
搭建页面需要技术同事全程配合吗？
不需要全程跟着。版式与组件已经预置好，日常替换文字、图片和条目由运营同事完成即可。只有新增页面类型或调整整体结构时，才需要技术同事看一次配置。
现有的页面内容能搬过来继续用吗？
可以。把现有页面的标题、正文、图片整理成清单，按栏目对应关系填入新版式即可。图片建议按 16:10 或 4:3 重新裁切一次，避免上线后出现高低不齐。
在手机上改一处，会影响其他页面吗？
只要改的是单个区块内的内容，就不会波及其他页面。如果调整的是统一的按钮、卡片或页脚样式，则所有页面同步变化，这正是保持整站观感一致的方式。
上线后想新加一个栏目，操作复杂吗？
复制一个同类区块，修改栏目标题与条目内容即可，导航项同步加一行。新增栏目不会影响已有页面的排版与链接，做完检查一次手机端就可以放开访问。
交付时会提供哪些文件与说明？
交付内容包含可直接运行的页面文件、图片资源目录、组件与版式对照说明，以及一份上线前检查清单。维护方式会以演示的形式讲解一遍，并留下书面记录。