📌  相关文章
📜  Materialize-对话框

📅  最后修改于: 2020-10-22 08:29:47             🧑  作者: Mango

 

Materialize提供了各种特殊方法来向用户显示通俗易懂的警报。物化为他们提供术语敬酒。以下是将对话框显示为吐司的语法。

Materialize.toast(message, displayLength, className, completeCallback);

哪里，

  • 消息-要显示给用户的消息。
  • displayLength-消息的持续时间，之后消息将消失。
  • className-要应用于烤面包的样式类。例如，“四舍五入”。
  • completeCallback-吐司关闭后要调用的回调方法。

对于工具提示，Materialize提供以下CSS类。

Sr.No. Class Name & Description
1 tooltipped

Identifies a component to have a tooltip.
2 data-position

Position of the tooltip; bottom, top, left, or right.
3 data-delay

Sets the duration of the tooltip after which it will disappear.
4 data-tooltip

Sets the tooltip contents.

例

下面的示例演示了吐司和工具提示的用法。

materialize_dialogs.htm

The Materialize Dialogs Example
            
      
      
                 
      
      
      
   
   
    
      
Toasts

      Normal Alert!
      Italic Alert!
      Rounded Alert!
      


      Callback Alert!      
      
      
Tooltips

      Bottom
      Left
      Right
      Top

结果

验证结果。