Skip to main content

组件——视图切换器

❓ 视图是什么

【视图】你可以把视图看做成一些组件的整体,而视图切换器则是控制切换的 tab,通过给视图切换器配置行为,做到商品类型选择或分栏选择步骤等等。首先需要你在页面的右边栏创建多个视图,并且拖拽一个视图切换器到画布内,两者组合就能实现视图的切换。

🎬 应用场景

想要实现以下这些情况的时候,可以使用视图组件来完成:

  • 将一些组件放到一个视图中组成一个整体,为这个整体设置特定的布局或者样式
  • 点击变换展示

视图创建与管理

Docusaurus logo

基础创建流程

  1. 页面右侧栏点击添加视图
  2. 进入视图编辑
  3. 从左侧组件库拖拽「视图切换器」至画布
  4. 右侧选择配置视图,选中视图为默认展示
  5. 选中视图切换的触发器(例如按钮组件、图片的热区等),并为其配置名为「切换视图」的行为

💡 操作提示:建议先规划视图数量再创建,视图切换器设计和其他组件一致,参考图片组件这里不再赘述