更新记录
1.0.2(2022-08-24)
下载此版本
新增右滑隐藏消息功能
1.0.1(2022-08-21)
下载此版本
修复 appendChild函数与MD编辑器冲突导致使用方式中部分内容不展示问题。
修复 消息弹出后无法自动收起问题。
1.0.0(2022-08-20)
下载此版本
notice消息弹窗,目前实现了基础功能,其余功能逐步开发中~。
并没有验证所有平台。使用原生,理论上全部支持。如有问题请评论。
查看更多
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
× |
√ |
√ |
√ |
√ |
√ |
√ |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
√ |
√ |
√ |
√ |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
使用方式
<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>