37 lines
2.0 KiB
Plaintext
37 lines
2.0 KiB
Plaintext
|
<!-- 放在布局文件的 body 标签末尾 -->
|
||
|
|
<div class="toast toast-end">
|
||
|
|
<% flash.each do |message_type, message| %>
|
||
|
|
<% alert_class = case message_type
|
||
|
|
when "success" then "alert alert-success"
|
||
|
|
when "danger", "error" then "alert alert-error"
|
||
|
|
when "warning" then "alert alert-warning"
|
||
|
|
when "info" then "alert alert-info"
|
||
|
|
else "alert"
|
||
|
|
end
|
||
|
|
%>
|
||
|
|
|
||
|
|
<div data-controller="toast" class="<%= alert_class %> animate-slide-in-right">
|
||
|
|
<div>
|
||
|
|
<% case message_type %>
|
||
|
|
<% when "success" %>
|
||
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
||
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
|
||
|
|
</svg>
|
||
|
|
<% when "error", "danger" %>
|
||
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
||
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z" />
|
||
|
|
</svg>
|
||
|
|
<% when "warning" %>
|
||
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
||
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" />
|
||
|
|
</svg>
|
||
|
|
<% else %>
|
||
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
||
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
|
||
|
|
</svg>
|
||
|
|
<% end %>
|
||
|
|
<span><%= message %></span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<% end %>
|
||
|
|
</div>
|