今天要给大家分享的经验是关于如何使用ivx创建一个通知的,通知就是悬浮出现在页面角落,显示全局的通知提醒消息,常用于:较为复杂的通知内容;带有交互的通知,给出用户下一步的行动点;系统主动推送。我依然使用官网来给大家进行分析:
1.我们先总体分析一下这个demo的结构:
这个demo的结构很简单,只有一个触发事件使用的按钮,和一个作为通知的横幅,横幅组件是一种特殊的定位工具,其可在滚动页面中处于固定位置而不随页面滚动。
2.先创建好满足需求的组件,也就是一个用来触发通告显示按钮,和触发后显示通知的顶部横幅,然后在横幅下创建好自己想要通知的内容就行了,这里这个内容是可以按自己的需求更改的,另外要注意记得预览前先将横幅隐藏,因为刚开始没有触发的时候通告是不显示的。
3.接下里我们看看这个触发通告的按钮的事件
因为,我们把通告的内容全部放在弹窗横幅下面的,所以,让通告显示只需要让弹窗横幅显示就行了,这里设置延迟是为了让用户看出变化,这样在弹窗显示的时候再点击的时候会有重新显示的视觉效果,这种设置常适用于登录
使用ivx学习开发通知和全局提示的经验总结
最新推荐文章于 2024-12-23 12:54:35 发布