//创建闪烁动画
createBlinkAnimation(totalDuration) {
let that = this;
// 创建动画实例
let animation = uni.createAnimation({
duration: totalDuration,
timingFunction: 'step-start',
});
setInterval(() => {
animation.opacity(0).step({
duration: 200
});
animation.opacity(1).step();
that.animationData = animation.export();
}, totalDuration);
},
myphp
- 发布：2024-10-31 16:06
- 更新：2024-10-31 16:06
- 阅读：158
产品分类： uniapp/小程序/微信
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： Windows 10 专业版
HBuilderX类型： 正式
HBuilderX版本号： 4.29
第三方开发者工具版本号： 1.06.2402040
基础库版本号： 3.6.3
项目创建方式： HBuilderX
示例代码：
操作步骤：
<view class="blink flex1" :animation="animationData">
<view class="flex-column-center" v-for="(item,index) in getContent()" :key="index"
v-if="index == 0">
<view v-for="(vo,voIndex) in item" :key="voIndex">{{vo}}</view>
</view>
</view>
<view class="blink flex1" :animation="animationData">
<view class="flex-column-center" v-for="(item,index) in getContent()" :key="index"
v-if="index == 0">
<view v-for="(vo,voIndex) in item" :key="voIndex">{{vo}}</view>
</view>
</view>
预期结果：
渲染到微信开发工具后和内置浏览器表现一致
渲染到微信开发工具后和内置浏览器表现一致
实际结果：
hbuilder内置浏览器中会一直闪烁，渲染到微信开发工具后只闪烁一次
hbuilder内置浏览器中会一直闪烁，渲染到微信开发工具后只闪烁一次
bug描述：
动画代码渲染到微信开发工具中，表现和hbuilder内置浏览器不一致。
0 个回复