公司大事记动态展示教程

易知微创新技术团队

| 2024-08-30 14:35 32 0 0

一、预览效果

【点状时间轴】通过【交互事件】功能配合【动态面板】实现公司大事记的动态展示。

首先在看板中添加【组件】→【文字】→【点状时间轴】。

选中【选项卡】组件，点击【数据】，在【静态数据】中修改要展示的时间和配文。

添加【动态面板】。

双击进入编辑【动态面板】或右侧点击【编辑动态面板】。

根据点状时间轴要展示的内容，添加对应数量的【状态】用于存放该时间节点的图片。

在对应的【状态1】中，选择【组件】→【辅助】→【图片】。

选择【图片】→【样式】→【全局】→【图片上传】上传所需要展示的图片。

【状态2】【状态3】同上操作，图片内容添加调整完毕后，返回工作台页面。

选中【点状时间轴】→【交互】→添加【自定义事件】→【事件类型】设置为【点击】→【添加条件】。

点击【添加条件】→设置条件【text=要展示的时间】→点击保存。

ps：要展示的时间可在【数据】→【静态数据】中查看。

在【自定义事件】中，添加【动作】→【组件】选择当前【动态面板】→动作选择【切换组件状态】→状态选择【状态1】。

同理，在【自定义事件】添加与节点数量一直的事件，修改【条件】中‘text’对应的‘时间文本’，并修改对应的【状态】。确保节点中的【数据】对应【条件】，【动态面板大屏】对应【状态】。

如需教程Demo，请关注公众号【易知微产品帮助中心】，发送“公司大事记动态展示”即可获得~

三维可视化 vue数字孪生 公司大事记动态展示教程 公司大事记动态展示大屏 易知微大屏搭建

赞同 0

文章

500

人气

粉丝

关注

扫码获取

更多数字孪生可视化干货内容