Framework7 - 预加载器

Framework7预加载器 - 从概述，环境，布局，导航栏，工具栏，搜索栏，状态栏，侧面板，内容块，布局网格，叠加层，预加载器，进度条，列表视图，手风琴，卡片，芯片，按钮，开始学习Framework7动作按钮，表单，选项卡，Swiper滑块，照片浏览器，自动完成，选择器，日历，刷新，无限滚动，消息，消息栏，通知，延迟加载，颜色主题，细线，模板概述，自动编译，Template7页面，活动状态，点按保持事件，触摸波纹。

描述

Framework7中的预加载器由可缩放矢量图形(SVG)制成，并使用CSS进行动画处理，这使其易于调整大小.预加载器有两种颜色和减号;

默认为浅色背景
另一种是深色背景

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

示例

以下示例演示了在Framework7中使用预加载器 : 号;

                           Panel Events

Framework7 Preloader

Default Preloader

White Preloader
Big Preloader

White Preloader

输出

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

将上面给出的HTML代码保存为服务器根文件夹中的 preloader.html 文件.
将此HTML文件打开为http://localhost/preloader.html，输出显示如下.
此代码显示预加载器指示器，该指示器由SVG制作并使用CSS进行动画制作.