本文介绍了如何使用 Zion 复制淘宝的侧滑功能栏，通过页面数据和条件式容器来实现视图切换。难点在于利用条件式容器进行状态切换，并通过页面数据传递点击项的索引来实现选中和未选中的效果。同时，文章还讨论了点击事件处理和列表刷新以优化交互体验。
哈咯，大家好～昨天在刷淘宝的时候我看到侧滑出的功能栏，我就想能不能用zion复刻一下，毕竟这些功能客户有时会提出来～所以晚上我就实践了一下，下面我们先来看一下淘宝的效果：
当然这是淘宝的效果，用了动态的监听，zion缺少对于动态场景的监听，所以我们只能做0.5版本 以下是zion的效果：
页面构成
-
列表组件
-
条件式容器
这是一个场景实现所以我就用购物车场景来模拟，具体的数据模型我就不过多赘述
现在来说思路一般情况下我们最先想到的是用选择视图来做，因为选择视图容器其实就是单行列表嵌套条件式容器，但是zion相当于把选择视图封装成组件来供你使用，很多场景功能实现不完美。
所以大多数情况我们要用列表外加条件式容器来做。
难点一、如何实现试图切换
这里就需要用到条件式容器，两个情况，选中和未选中。
情况我们已经设置完成，但是如何转变这两种情况
这时候我们就在想&#
最低0.47元/天 解锁文章
扫一扫
1083
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
