Framework7 - Disposition des notifications
La description
Bien que les notifications soient ajoutées à l'aide de JavaScript, il est nécessaire de les comprendre pour un style personnalisé. Le Framework7 mettra des notifications spéciales div dans le corps avec le bloc de liste, lorsque vous ajoutez une notification. La disposition des notifications pour ce cas est illustrée ci-dessous -
<body>
...
<div class = "notifications list-block media-list">
<ul>
<!-- Single notification item -->
<li class = "notification-item">
<div class = "item-content">
<div class = "item-media">
<!-- Notification media -->
</div>
<div class = "item-inner">
<div class = "item-title-row">
<div class = "item-title">
<!-- Notification title goes here -->
</div>
<div class = "item-after">
<!-- Notification close icon -->
<a href = "#" class = "close-notification"></a>
</div>
</div>
<div class = "item-subtitle">
<!-- Notification subtitle goes here -->
</div>
<div class = "item-text">
<!-- Notification message goes here -->
</div>
</div>
</div>
</li>
</ul>
</div>
</body>La notification personnalisée aura la disposition suivante -
<body>
...
<div class = "notifications list-block media-list">
<ul>
<!-- Single notification item -->
<li class = "notification-item">
<!-- Custom notification content goes here -->
</li>
</ul>
</div>
</body>