1.特别说明:此项目适合vue开发的pc端用户,如果是用vue开发的移动端项目,这里需要获取当前手机的屏幕框度。下面有说明移动端的一些适配问题,也很简单。
2.直接代码拿走:
<div class="noticeBox" >
<div class="notice-main">
<div class="notice-title">
<span>行业资讯</span>
</div>
<div class="noticeItem">
<ul class="marquee_list" :style="{ top: -num + 'px'}" :class="{marquee_top:num}">
<li v-for="(item, index) in noticeList" :key="index">
<span class="noticeCont">{
{item.name}}</span>
<span class="noticeTime">[{
{item.time}}]</span>
</li>
</ul>
</div>
</div>
</div>
<s