提问 发文

无数据情况展示

微微菌

| 2023-12-26 14:58 77 0 0

实现效果:

此处的选项卡切换是在模拟不同数据源的情况,tab a对应的是正常数据,tab b对应的是异常数据,当万用图接收到异常数据不显示时,为了让大屏看上去不那么空旷,我们需要显示一个遮罩来告知用户,此处数据异常。

实现思路:

1.准备一个万用图组件,用于接受选项卡传过来的数据。再准备一个图片和标题组件,打组,作为遮罩,默认隐藏。

2.给万用图添加一个“当请求完成或数据变化时”的自定义事件,并添加自定义条件,判断条件为当data的长度为0时,触发动作。

3.然后添加遮罩的显隐动作,即可。

demo:📎无数据情况展示_1978507.zip

收藏 0
分享
分享方式
微信

评论

游客

全部 0条评论

9189

文章

4.56W+

人气

12

粉丝

1

关注

官方媒体

轻松设计高效搭建,减少3倍设计改稿与开发运维工作量

开始免费试用 预约演示

扫一扫关注公众号 扫一扫联系客服

©Copyrights 2016-2022 杭州易知微科技有限公司 浙ICP备2021017017号-3 浙公网安备33011002011932号

互联网信息服务业务 合字B2-20220090

400-8505-905 复制
免费试用
微信社区
易知微-数据可视化
微信扫一扫入群