📌  相关文章
📜  Framework7-预加载器

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

描述

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

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

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

例

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


      
      
      Panel Events
      
      
   

   
      

         

            

               

               
                  

                     

                        
 

                        
Framework7 Preloader

                        
 

                     

                  

                  
                  

                     

                        

Default Preloader

                        

White Preloader

                        

Big Preloader

                        

White Preloader

输出

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

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

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

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