关于微信小程序:使用Towify时如何实现夜间模式和日间模式的自由切换

30次阅读

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

通过触发器中的执行其它触发器动态显示夜间模式和日光模式图标的显示和暗藏,同时应用组件切换器管制不同组件之间的切换

成果展现

具体步骤

  • 制作按钮切换模式
  • 制作切换图标
  • 创立开关切换触发器
  • 创立图标显示暗藏触发器
  • 创立日光模式和夜间模式的触发器
  • 制作夜间模式和日光模式页面
  • 设置组件切换器的链接内容

步骤合成

制作按钮切换模式

  • 拖拽 开关 到 根容器
  • 选中 开关
  • 点击 查看面板 中的 数据绑定与设置
  • 抉择 默认激活模式
  • 点击 查看面板 中的 款式
  • 配置款式
  • 配置款式实现后,敞开 默认激活模式

制作切换图标

  • 拖拽 图标 到 根容器 中
  • 点击 查看面板 中的 数据绑定与设置
  • 抉择太阳图标
  • 月亮图标的操作雷同

创立开关切换触发器

  • 选中 开关
  • 点击 查看面板 中的 触发器
  • 创立 触发器

创立图标显示暗藏触发器

  • 选中 图标
  • 点击 查看面板 中的 触发器
  • 创立 触发器
  • 月亮图标的相干触发器,操作逻辑雷同

  • 将月亮图标 拖到 太阳图标上

创立日光模式和夜间模式的触发器

  • 拖拽 容器 到 根容器 中
  • 选中 容器
  • 点击 查看面板 中的 款式
  • 配置款式
  • 新增一个 款式
  • 点击 选中
  • 配置 款式
  • 拖拽 标签文本 到 款式
  • 选中 标签文本
  • 点击 查看面板 中的 款式
  • 配置字体 款式
  • 新增一个 款式
  • 配置 款式

制作夜间模式和日光模式页面

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

  • 选中 开关
  • 增加 执行触发器

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

正文完
 0