Framework7 - 通知 JavaScript API

描述

也可以使用 JavaScript 添加和关闭通知,方法是使用如下所示的相关应用方法 −

  • myApp.addNotification(parameters) − 它用于添加/显示通知,接受带有通知参数的必需 object。此方法返回带有动态创建的通知元素的 HTMLElement。

  • myApp.closeNotification(notificationElement) −用于关闭指定通知,接受notificationElement作为强制参数,为必需通知的HTMLElementstring

下表显示添加新通知时所需的通知参数 −

S.No 参数与说明 类型 默认
1

title

表示通知标题,默认等于notificationTitle应用的参数。仅用于 iOS 主题。

string
2

subtitle

它表示通知副标题,默认情况下等于 notificationSubtitle 应用程序的参数。仅用于 iOS 主题。

string
3

media

它是通知媒体元素,是一个带有图标或图像的 HTML 字符串。默认情况下等于 notificationMedia 应用程序的参数。仅适用于iOS主题。

string
4

hold

用于在指定的超时后自动关闭通知。默认情况下,它等于notificationHold应用程序的参数。仅适用于iOS主题。

number
5

closeIcon

禁用从通知中删除关闭图标。默认情况下,它等于 notificationCloseIcon 应用程序的参数。

boolean true
6

button

它是材料通知按钮,接受 3 个属性,即 textcolorclose。它仅与材料主题一起使用。

object
7

closeOnClick

如果将其设置为 true,则单击后将关闭通知。默认情况下,它等于 notificationCloseOnClick 应用程序的参数。

boolean false
8

additionalClass

用于向通知元素添加额外指定的 CSS 类。

string
9

custom

当您想要使用具有自定义 HTML 布局的通知时,使用此参数。使用此参数时,titlesubtitlemediacloseIcon 参数将被忽略。

string
10

onClick

点击通知项后将执行此回调函数。

function
11

onClose

关闭通知时将执行此回调函数。

function

framework7_notifications.html