该组件一般用于页面顶部向下滑出一个提示,尔后自动收起的场景。
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
<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>