更新记录

V1.0.2（2023-03-10）

升级uni_modules

V1.0.1（2023-03-09）

修改兼容

平台兼容性

liu-notice-bar适用于uni-app项目的通告栏向上循环滚动组件

本组件目前兼容微信小程序、H5

本组件支持通告栏向上循环滚动、点击

使用方式（uni_modules版本）

<liu-notice-bar :dataList="noticeList" @clickNotice="clickNotice"></liu-notice-bar>

export default {
    data() {
        return {
            noticeList: [{
                    id: '11',
                    titile: '这里是第一条通知公告的内容，这里是第一条通知公告的内容'
                },
                {
                    id: '22',
                    titile: '这里是第二条通知公告的内容，这里是第二条通知公告的内容'
                }
            ]
        };
    },
    methods: {
        //点击某一条通知公告
        clickNotice(item) {
            //item------通知公告信息
        }
    }
}

使用方式（非uni_modules版本）

<liuNoticeBar :dataList="noticeList" @clickNotice="clickNotice"></liuNoticeBar>

import liuNoticeBar from '@/components/liu-notice-bar/liu-notice-bar.vue'
export default {
    components: {liuNoticeBar},
    data() {
        return {
            noticeList: [{
                    id: '11',
                    titile: '这里是第一条通知公告的内容，这里是第一条通知公告的内容'
                },
                {
                    id: '22',
                    titile: '这里是第二条通知公告的内容，这里是第二条通知公告的内容'
                }
            ]
        };
    },
    methods: {
        //点击某一条通知公告
        clickNotice(item) {
            //item------通知公告信息
        }
    }
}

属性说明