该组件一般用于页面顶部向下滑出一个提示,尔后自动收起的场景。
#平台差异说明
App(vue) | App(nvue) | H5 | 小程序 |
√ | √ | √ | √ |
#基本使用
<template> <u-notify message="Hi uView" :show="show"></u-notify> </template> <script> export default { data() { return { show: true } } } </script>
copy
#ref调用
<template> <u-notify ref="uNotify" message="Hi uView"></u-notify> </template> <script> export default { onReady(){ this.$refs.uNotify.show({ top: 10, type: 'error', color: '#000', bgColor: '#e8e8e8', message: 'Hi uView', duration: 1000 * 3, fontSize: 20, safeAreaInsetTop:true }) // 也可以通过主题形式调用,如: // this.$refs.uNotify.primary('Primary主题') // 关闭 notify // this.$refs.uNotify.close() } } </script>