苍南网站设计公司,云南做商城网站多少钱,新手建站详细步骤,城乡建设部网站造价工程师查询前言
页面上有两块公告,需要循环滚动,最初使用animation实现了,但如果两块公告的条数不一致的话,就会导致两块公告滚动的快慢不同,由此需要换种方式实现,使两块公告始终以同样的快慢节奏滚动。
第一种方式:animation实现(存在两块公告滚动的快慢不同的问题)
!-…前言
页面上有两块公告,需要循环滚动,最初使用animation实现了,但如果两块公告的条数不一致的话,就会导致两块公告滚动的快慢不同,由此需要换种方式实现,使两块公告始终以同样的快慢节奏滚动。
第一种方式:animation实现(存在两块公告滚动的快慢不同的问题)
!-- 公告1 --
div class="report-text!-- 大于3条 --ul v-if="list.length 3" class="list"li v-for="(item, index) in list" :key="'list'+index"{{item.name}}/li/ul!-- 小于于3条 --ul v-elseli v-for="(item, index) in list" :key="'list'+index"{{item.name}}/li/ul
/div
!-- 公告2--
div class="report-text!-- 大于3条 --ul v-if="list2.length 3" class="list2"li v-for="(item, index) in list