21｜无代码开发｜如何制作小程序浮动菜单

前段时间看到了一个很有意思的动画效果：小程序的浮动菜单，所以今天给大家分享一下小程序浮动菜单的教程。

效果演示

知识点

在这个实例中，主要用到了页面数据、条件式容器、条件行为、重计算条件，通过对页面数据赋不同的值，来使用条件式容器展示不同的菜单内容。在这个示例中，我们将页面数据设为0时，收缩菜单；将页面数据设为1时，展开菜单。

什么是页面数据

没有初始值，缓存在本页面的数据。通常为页面内数据的中转站，也可作为行为中输出/输入的数据参数。在使用页面数据之前，需要先在页面上添加页面数据，给页面数据命名以及确定需要保存的内容的数据类型（此时的页面数据只能保存一个数据）。

什么是条件式容器

这里没有官方说明，可以把其看做是一种判断容器，根据不同的条件值，显示不同的内容。

什么是条件行为

这里也没有官方说明，以为是条件，其实功能和条件是容器类似。

什么是重计算条件

触发该行为后，会重新计算相关数据以匹配所选条件式容器的状况。可以理解为，我去买东西口袋里只有1块钱，本来想买一个西瓜的，发现西瓜2块，买不起；这时我表妹来了，给了我5块钱，我算了一下我兜里的钱，可以买西瓜了。这算兜里钱的过程，就可