📜  Framework7-预加载器

📅  最后修改于: 2020-10-25 02:49:43             🧑  作者: Mango


描述

Framework7中的预加载器由可缩放矢量图形(SVG)制成,并由CSS制成动画,从而使其易于调整大小。预载器有两种颜色-

  • 默认为浅色背景
  • 另一个是深色背景

您可以在HTML中使用preloader类,如下所示-

以下示例演示了在Framework7中预加载器的使用-


      
      
      Panel Events
      
      
   

   
      

输出

让我们执行以下步骤,看看上面给出的代码如何工作-

  • 将上述给定的HTML代码另存为服务器根文件夹中的preloader.html文件。

  • 以http://localhost/preloader.html格式打开此HTML文件,并显示如下所示的输出。

  • 这段代码显示了预加载器指示器,该指示器由SVG制成,并由CSS制成动画。