e***@163.com
e***@163.com
  • 发布:2023-06-15 17:28
  • 更新:2023-10-23 15:06
  • 阅读:73

【报Bug】在使用支付宝小程序原生lottie组件时,会将组件的属性(path、autoplay、repeat-count等)编译。

分类:uni-app

产品分类: uniapp/小程序/阿里

PC开发环境操作系统: Mac

PC开发环境操作系统版本号: 13.2 (22D49)

HBuilderX类型: 正式

HBuilderX版本号: 3.8.4

第三方开发者工具版本号: 最新

基础库版本号: 2.8.6

项目创建方式: HBuilderX

示例代码:

编译前的代码:
<lottie
id="myLottie"
autoplay="{{true}}"
repeat-count="{{-1}}"
path="https://mdn.alipayobjects.com/huamei_tog8oy/afts/file/AdtzXSJOasgYAAAAAAAAAAAAADmd_AQ"
placeholder="https://mdn.alipayobjects.com/huamei_tog8oy/afts/img/A
aKQJRrIZCGQAAAAAAAAAAAAADmd_AQ/original"
assets-path="https://gw.alipayobjects.com/os/lottie-asset/bb/data.json/"
/>

编译后的代码:
<lottie
class="data-v-569e925a"
id="myLottie"
u-i="569e925a-0"
onVI="__l"
u-p="{{a}}"

a: common_vendor.p({
id: "myLottie",
autoplay: "{{1}}",

path: "{{'https://mdn.alipayobjects.com/huamei_tog8oy/afts/file/A*dtzXSJOasgYAAAAAAAAAAAAADmd_AQ'}}"
}),

操作步骤:

生成vue3 uniapp项目,复制支付宝lottie代码,点击编译。

预期结果:

结果:
方案一:优化编译逻辑,编译后支付宝lottie可以使用
方案二:新增静止编译代码,对某一行代码不进行编译。

实际结果:

支付宝小程序的lottie无法使用

bug描述:

在使用支付宝小程序的lottie组件时,会将组件的属性编译。
支付宝组件文档:
https://opendocs.alipay.com/mini/api/createlottiecontext

2023-06-15 17:28 负责人:无 分享
已邀请:
沫沫yu

沫沫yu

支付宝上面 增加 lottie 组件,编译都无法通过

要回复问题请先登录注册