本文介绍了如何使用无代码开发工具Zion制作动态高亮效果，适用于数据筛选和显示。通过数据筛选输入框、横向列表组件和条件式容器的结合，实现了根据选择范围动态高亮显示数据的功能，适用于各种数据比较和分析场景。
哈咯～今天只做的是一个动态的高亮效果，为什么我们需要这个功能呢？为了更清晰的观察到筛选范围的区间内容，通常我们会在选择后高亮显示所选择的范围，能够让用户更加快速了解到选择范围在所有选项中的占比情况。在筛选员工的年龄、商品的价格、学生成绩等方面我们会较多使用到该效果。首先让我们一起来看一下效果图：
效果
制作思路
数据筛选—通过数据选择输入框组件筛选数据范围
数据高亮显示—通过横向列表组件显示全部数据，再通过条件式容器的判断动态显示高亮数据
制作过程
第一步：创建数据模型
1、创建age表，并建立age字段，类型为整数，存储数据
第二步：后台添加数据1.需先更新后台，方可进入后台
2.可右上角点击create_object按钮，直接创建多个数据
最低0.47元/天 解锁文章
237
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
