如何使用网格布局和流式列表实现自适应动态列表

效果展示

具体步骤

  • 创建数据表
  • 创建数据事件
  • 配置网格设置
  • 配置组件自适应网格
  • 创建图片预览触发器

步骤分解

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

  • 创建数据事件
  • 点击 事件中心
  • 创建 数据事件

  • 配置网格设置
  • 点击 流式布局列表 的 列表条目
  • 选中 列表条目
  • 点击 检查面板 中的 样式
  • 配置 网格设置
  • 将组件放置于 网格 中

  • 配置组件自适应网格
  • 选中 图片组件
  • 点击 检查面板 中的 样式
  • 配置样式

  • 选中 标签文本组件
  • 点击 检查面板 中的 样式
  • 配置样式

  • 创建图片预览触发器
  • 选中图片组件
  • 点击检查面板中的触发器
  • 创建触发器


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

你可能感兴趣的:(微信小程序无代码开发平台)