前端vue2实现信息卡片向上轮播效果

最新推荐文章于 2025-06-25 11:11:50 发布

Mary&Dorr

最新推荐文章于 2025-06-25 11:11:50 发布

阅读量604

点赞数 3

CC 4.0 BY-SA版权

文章标签：前端 vue javascript vue.js 前端框架

本文链接：https://blog.youkuaiyun.com/m0_61404523/article/details/139633370

效果如下每个信息卡片不间断向上滚动实现轮播效果

html部分

                <div class="news" id="publishMain">
                  <div
                    id="publishMain1"
                    :class="{ anim: animate }"
                    @mouseenter="stop()"
                    @mouseleave="up()"
                  >
                    <div
                      class="news_name"
                      v-for="item in newsList"
                      :key="item.id"
                    >
                      <p style="color: #50bae0">
                        最近发布时间:
                        <span style="color: #fff"> {
  
  { item.date }}</span>
                      </p>

                      <p style="color: #50bae0">
                        溯源归属: