在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ vue 橫屏滾動消息,如何點擊上下切換消息?

vue 橫屏滾動消息,如何點擊上下切換消息?

html部分

<div class="notice_index">
    <b>公告</b>
    <div class="notice_box">
        <ul class="marquee_list" :class="{marquee_top:animate}">
            <li v-for="(item, index) in marqueeList">
                最新消息:
                <span style="color: #999;">{{item.Title}}</span>
                <i style="color: #999;">[ {{item.UpdateTime | moment("YYYY-MM-DD")}} ]</i>
            </li>
        </ul>
    </div>
    <div class="option">
       <button @click="up" >▲</button>
       <button @click="down" >▼</button>
    </div>
</div>

vue部分

created() {
        setInterval(this.showMarquee, 5000)//每5秒調(diào)用
}
methods: {
    showMarquee() {
        this.animate = true;
        setTimeout (() => {
            this.marqueeList.push (this.marqueeList[0]);
            this.marqueeList.shift ();
            this.animate = false;
         }, 1000);
     },
}

我想知道怎么寫up和down
點擊左側(cè)按鈕切換到上一行或者下一行

回答
編輯回答
荒城

點擊的時候把輪詢先停掉,然后向上或者向下滾動一次,再開啟輪詢

2017年1月3日 01:13