- 当前 Bug 的表现（可附上截图）

- 预期表现

正常运行Css逐帧动画

- 复现路径

小程序暂未上线所以暂时没有

- 提供一个最简复现 Demo

<template>

<div class="xoc" :style="{width: '312px', height: '228px', transform: computedScale, background: bgImg}"></div>

</template>

<script>

import { mapGetters } from "vuex";

export default {

props: {

url: {

type: String,

default: "https://cdn.exe666.com/fe/hidol/image/xo/avatar/nanC.png",

required: true

}

},

computed: {

...mapGetters(["windowWidth"]),

computedScale() {

let p = this.windowWidth / 750;

return `scale(${p})`;

},

bgImg() {

return `url("${this.url}")`

}

}

};

</script>

<style lang="less" scoped>

@keyframes xo40 {

0% {

background-position: 0 0;

}

100% {

background-position: -12480PX 0;

}

}

.xoc {

position: relative;

z-index: 300;

animation: xo40 3s steps(40) infinite;

}

</style>