小程序架构升级常见问题

布局

充满父组件

新架构将不再支持充满父组件,迁移之后会有校验报错,切换组件高度单位可以消除报错。

怎么方便地实现之前充满父组件的效果? 举个例子(需要根据项目具体情况去修改配置,这里只是提供一个思路) 1.位置类型改成“相对” 2.高度改成"1fr" 3.添加距离上方的外边距

组件

自定义多图片选择器

新 Web 端的图片选择器组件可以灵活进行单张或多张图片的配置,详情参考图片选择器

倒计时

新架构使用页面定时任务来实现倒计时,迁移时会自动添加对应的定时任务和页面数据,但还需要手动修改一些配置,参考配置如下

迁移前

迁移后(定时任务 id 和 页面数据 id 相对应,默认值填 60000 是因为上面迁移前倒计时是 60s)

迁移步骤

  1. 如果倒计时组件的毫秒数是常量,直接同步为页面数据默认值。如果是数据绑定,可以在页面加载时重置倒计时(设置页面数据为倒计时初始值)或者在倒计时开始前重置倒计时。需要看具体的功能配置。
  2. 把所有 「倒计时开始/暂停」 改成 「定时任务开始/暂停」
  3. 把所有 「倒计时重置」 改成 「定时任务暂停」 + 并且设置对应的页面数据为倒计时初始值
  4. 如果倒计时组件有「监听事件」,在定时任务触发行为中的条件行为新增条件,和监听事件一一对应
  5. 最后再删除倒计时组件

其他

适应不同屏幕大小

老的小程序框架会默认缩放所有组件的大小、位置等,确保在不同屏幕下的自适应,迁移后的页面会继续保持这个机制,可以通过页面上的「缩放」按钮来关闭(但关闭后不可再次打开)。 新的框架需要用相对+百分比布局来实现。

Copyright © FunctorZ 2024 all right reserved修订时间: 2024-11-11 03:45:05

results matching ""

    No results matching ""