视图组件

应用场景

视图组件适用于以下场景：

• 将多个组件组合为整体，统一设置布局或样式
• 区域横向/纵向滚动
• 点击切换内容高度
• 制作分割线

提示：合理使用视图组件可减少嵌套，避免主包过大问题。

使用示例

组合整体

如将图片、文本等组件放入视图组件，统一设置横向布局，构建顶部导航栏。

区域横向滚动

开启“横向滚动”后，可左右滑动查看超出宽度内容。

横向分类	横向长图

• 仅超出视图组件本身宽度的内容可通过横向滑动展示

区域纵向滚动

开启“纵向滚动”后，可上下滑动查看超出高度内容。

• 适用于商品评价、详情等模块内容较多的场景

• 仅超出视图组件本身高度的内容可通过纵向滑动展示

折叠/展开视图（小程序端专有）

需预发布扫码在手机测试，预览不支持

• 折叠模式：初始高度为折叠高度，点击后展开
• 展开模式：初始高度为展开高度，点击后折叠

折叠/展开需配合“设置折叠模式”行为控制