关于微信小程序:如何利用浮动容器制作悬浮下拉菜单

5次阅读

共计 355 个字符,预计需要花费 1 分钟才能阅读完成。

成果展现:

前置筹备:

  • 一个用于点击下拉的菜单按钮
  • 四个菜单项图片素材
  • 四个菜单项文本素材
  • 创立点击执行其余 触发器

具体步骤:

  • 制作悬浮下拉菜单
  • 创立关上 浮动容器 触发器
  • 创立敞开 浮动容器 触发器
  • 创立设置值 触发器

步骤合成:

  • 制作悬浮下拉菜单
  • 增加 浮动容器
  • 增加 反复容器
  • 调整 反复容器 布局
  • 增加菜单项 容器
  • 调整菜单项布局
  • 增加图片素材至菜单项 容器
  • 增加文本素材至菜单项 容器

  • 创立关上浮动容器触发器
  • 选中菜单按钮组件
  • 创立 触发器
  • 配置 触发器
  • 创立敞开浮动容器触发器
  • 选中 浮动容器
  • 创立 触发器
  • 配置 触发器
  • 创立设置值触发器
  • 开启按钮文本的 承受动态数据
  • 选中菜单项的 文本组件
  • 创立 触发器
  • 配置 触发器
  • 菜单项中的其余 文本组件 配置雷同的 触发器

  • 创立点击执行其余触发器
  • 选中菜单项容器
  • 创立 触发器
  • 配置 触发器
  • 其余菜单项 容器 配置雷同的 触发器

官网链接:https://www.towify.com/#/

正文完
 0