关于微信小程序:如何制作价格筛选并刷新商品列表

79次阅读

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

通过应用事件中对数字的范畴查问,实现筛选性能

成果展现

前置筹备

  • 循环列表

具体步骤

  • 创立数据表
  • 创立查问事件
  • 制作一个按钮
  • 制作价格筛选滑块
  • 制作价格输入框
  • 创立商品展现触发器
  • 创立价格随滑块实时展现触发器

步骤合成

创立数据表

  • 点击 数据中心
  • 创立数据表

创立查问事件

  • 点击 事件核心
  • 配置事件

制作一个按钮

  • 拖拽 按钮 到 根容器
  • 选中 按钮
  • 点击 查看面板 中的 款式
  • 配置款式

制作价格筛选滑块

  • 拖拽 滑块 到 根容器
  • 选中 滑块
  • 点击 查看面板 中的 数据绑定与设置
  • 配置数据

制作价格输入框

  • 拖拽 输入框 到 根容器
  • 点击 查看面板 中的 数据绑定与设置
  • 配置数据

创立商品展现触发器

  • 选中 循环容器
  • 点击 查看面板 中的 触发器
  • 创立 触发器
  • 选中 循环条目
  • 点击 查看面板 中的 数据绑定与设置
  • 绑定数据
  • 选中 按钮
  • 点击 查看面板 中的 触发器
  • 创立 触发器

创立价格随滑块实时展现触发器

  • 选中 滑块
  • 点击 查看面板 中的 触发器
  • 创立 触发器

这样就能够实现价格筛选并刷新商品列表了。
官网链接:https://www.towify.com

正文完
 0