前言
在前端开发中,我们常常需要对页面进行加载动画的设计,来让用户在等待数据加载的过程中获得更好的体验。而 @polymer/paper-spinner 这个 npm 包则提供了一个简单易用的方案来实现这个目标。本文将会介绍如何使用 @polymer/paper-spinner 来实现这个目的,并给出具体的示例代码。
安装
在使用 @polymer/paper-spinner 的过程中,我们需要先通过 npm 安装这个包。在终端中输入下面的命令即可:
--- ------- ------ ----------------------
以上命令将会将 @polymer/paper-spinner 安装至项目依赖中。
使用
安装完成后,我们就可以在项目中引入这个包,然后使用其中的 标签来实现加载动画的显示了。
--------- ----- ----- ---------- ------ ----- ---------------- --------- ---------------------- -------------- ------- ------------- ------------------------------------------------------------------------------------- ------- ------------- ---------------------------------------------------------------------- ------- ------ -------------- ----------------------- ------- -------
在上面的代码中,我们首先通过