更新记录

1.0.2（2022-08-24） 下载此版本

新增右滑隐藏消息功能

1.0.1（2022-08-21） 下载此版本

修复 appendChild函数与MD编辑器冲突导致使用方式中部分内容不展示问题。 修复 消息弹出后无法自动收起问题。

1.0.0（2022-08-20） 下载此版本

notice消息弹窗，目前实现了基础功能，其余功能逐步开发中～。 并没有验证所有平台。使用原生，理论上全部支持。如有问题请评论。

平台兼容性

uni-app

其他

使用方式

<view>
    <Notice ref="notice" :autoHide="false" @clickChild="onClickChild" />
</view>
<script>
    import Notice from '@/components/z-notice/notice.vue'
    export default {
        components: {
            Notice
        },
        onLoad() {
            this.$nextTick(() => {
                this.$refs.notice.add({ message: '我是消息标题我是消息标题我是消息标题' })
                setTimeout(() => {
                    this.$refs.notice.add({ message: '我是消息标题2' })
                }, 1000)
            })
        },
        methods: {
            onClickChild(data) {
                console.log('点击消息回调函数', data);
            }
        }
    }
</script>