<template>
<div class="content">
<div v-for="item in animateData" :key="item.index"
:class="{ 'animate-up': animateUp}"
>
<div class="">{
{ item.animat }}</div>
</div>
</div>
</template>
<script>
export default {
name: "HelloWorld",
props: {
msg: String,
},
data() {
return {
animateUp: false,
timer: null,
animateData: [
{ animat: "animateData1" },
{ animat: "animateData2" },
{ animat: "animateData3" },
{ animat: "animateData34" },
{ animat: "animateData35" },
{ animat: "animateData36" },
{ animat: "animateData37" },
{ animat: "animateData38" },
{ animat: "animateData39" },
{ animat: "animateData30" },
],
};
},
【css】--滚动 一条数据翻页滚动展示
最新推荐文章于 2023-05-06 00:53:18 发布