栏目导航:手机网站
建议先从栏目目录定位同类模块,再根据是否排障需求选择对应文档。
上位页:返回手机网站栏目目录
一、功能说明
利用横向标签/折叠标签可实现选择不同标签出现不同内容的效果。


(横向标签) (折叠标签)
二、功能说明
【版本】无版本限制
三、设置教程
进入到手机网站设计页面,选择左侧导航【模块-新增模块-排版】,添加【横向标签或折叠标签】。
本教程以横向标签为例。
在右侧编辑标签模块的界面,填写标签标题、添加标签、选择模块样式等。

标签模块编辑好后,在网站标签内容区域添加内容。
可直接选择添加模块或长按拖动模块进区域。

在标签模块可编辑模块样式、模块布局等。
在模块皮肤中可配置模块标题样式、模块皮肤等。
你可结合你的网站完成调整。
让你的标签模块更加美观。

四、相关说明
每个标签项下只能是添加一种模块。
举例:在标签项内添加一个图文展示模块后,不能再添加到另外一个图文展示模块。
(文本,图片,按钮这些常用类型的模块除外)

内容编排建议
以下补充内容用于帮助你在手机站使用横向标签或折叠标签时,让内容编排更有条理:
- 适用场景:参数对比、问答说明、服务流程或多组图文内容都很适合用标签结构承载。
- 标题简洁:标签标题建议尽量短,让用户在手机端一眼就能理解每个标签的主题。
- 数量控制:标签项过多会降低手机端可用性,建议优先保留最值得展开查看的几项。
- 区域复查:在每个标签内容区域中继续加模块时,建议实际点开所有标签查看是否正常显示。
标签浏览建议
以下补充内容用于帮助你在手机站使用横向标签模块时,让用户更轻松地切换和阅读内容:
- 阅读节奏:横向标签适合用来承载并列信息,不适合塞入过多层级很深的内容。
- 标题长度:手机端标签标题宜短不宜长,过长标题会明显影响滑动和点击体验。
- 默认项选择:默认展示的标签建议放最重要的一项,让用户进入页面就能先看到核心内容。
- 内容一致:每个标签页里的内容量尽量保持相近,避免某一项几乎为空、另一项过度拥挤。
适用与不适用
这篇《横向标签/折叠模块介绍》更适合用于处理手机网站页面配置、生效验证与发布检查场景,尤其适合已经进入实际配置、联调或上线验证阶段的操作人员。
不适用的情况:如果你当前还处在方案评估阶段,而没有进入实际配置或发布流程,可先看适用/前置条件部分。
前置条件
- 确认修改的是正式页面、正式终端或正式模板。
- 确认相关模块、图片和链接资源已准备齐全。
- 准备电脑端与手机端两个访问环境。
验证方式
- 保存后在真实访问态查看,不只看设计态。
- 用无痕窗口或不同终端复测,确认缓存不会干扰判断。
- 检查导航、按钮、表单和关键跳转均正常。
失败排查
- 前台未生效时,优先查缓存、终端和页面入口是否正确。
- 模块未显示时,优先查模块状态、显示条件和定时设置。
- 样式异常时,优先查资源路径和覆盖关系。
上线检查清单
- 确认正式域名、正式终端和正式页面入口都已验证通过。
- 随机抽查至少 3 个关键动作或关键模块是否正常。
- 保留一份上线前后的截图或日志样本,便于后续排障。
真实案例式说明
例如《横向标签/折叠模块介绍》如果后台已保存但前台仍显示旧样式,很多时候并不是保存失败,而是访问的并不是当前修改的正式页面。
常见问题入口
如果你当前关注的是失败、未生效、审核不过或状态不同步,建议直接继续查看这些独立问题页:
继续查看帮助文档与建站服务
如果这篇文档解决了你当前的问题,可以继续回到帮助目录查看同类教程;如果你正在准备企业官网建设、套餐选型或定制开发,也可以继续进入对应服务页了解。