如何制作小型幻灯片

有不少客户希望能将看板以幻灯片的形式做展示，点击某个按钮就实现页面的切换，或者点击某个按钮实现部分图表的按序切换。本文就来教学这个简单的操作，方便大家对应自己的场景需求进行配置。

1 全局配置

首先我们在看板中添加【选项卡】、【图片】、【标题】组件（此处为方便不配置整个切换页面，仅用标题组件代替展示）

标题组件中可以编辑不同的数据来代替页面

2选项卡配置

首先选中【选项卡】，在交互-自定义事件中增加4个事件，让选项卡和标题组件能做关联。事件1触发点击tabA显示标题1，事件234同理。

• 事件类型：状态改变
• 条件：s=1（事件1的条件对应的s=1，事件2条件对应s=2，事件34同理）
• 动作：显示“标题命名为1的组件”
• 动画类型按需配置

其次需要配置与向右➡️按钮的交互，在回调参数重将”s“字段作为回调参数发出，变量名设置为“s“，为了让右箭头图片组件能够接收信号。

3图片配置

在交互-自定义事件中，添加鼠标点击的事件，写入参数代码，实现点击图片就可以切换选项卡的效果。

代码如下：

let s=getCallbackValue('s')
// if(s == "7"){
//   s=0
// }
//选项卡不需要最后一项的判断
console.log(s,"选项卡s")
return 1*s+1;
//乘号进行数据类型转化