图文正在加载中……
微信SVG交互图文的打开加载速度受很多因素的影响。
比如网速、手机性能、文章图片大小和数量、交互的复杂程度等。
当我们无法避免以上因素，尤其是图文开头有个较大的GIF时，导致图文打开后加载较慢，以至于好几秒文章显示空白，那咋办？
吼吼，今天给大家推荐的是一个超级实用的「加载提示(定时消失遮罩)」组件（编号：11327）效果。
类似于下面这两篇图文，打开后首先会显示一个图文加载的提示：
开屏加载提示截图：
「加载提示」适合在图文内容较多时，用来提醒用户正在加载，防止用户在点进图文时因不能第一时间看到内容而退出，提升阅读体验。
除此之外，「加载提示」组件又名「定时消失遮罩」，如果我们的图文本身没有加载慢的问题，又想让用户在打开图文时看到一个酷炫的GIF后自动消失显示其他内容，那么我们也可以用它。
比如这两个案例：
ZENITH真力时《160周年典藏臻品｜腕间一抹蓝》
开屏动图效果：
NBA的开屏用「加载提示」组件放了一个GIF消失后，出现点击展开的效果；ZENITH真力时是开屏用「加载提示」组件放了一个GIF消失后，出现自动展开的效果。
这种玩法的原理其实就是把加载提示的图片换成了GIF。
下面以NBA的图文为例，一起看下「加载提示(定时消失遮罩)」组件排版教程吧。
工具：iPaiban Pro黑科技编辑器，网址：SVG.iPaiban.com
组件：加载提示(定时消失遮罩)
编号：11327（组件）
第1步：制作正文内容
没错，我们应该首先制作正文内容，成品中最开始看到的加载动画反而要放到最后制作。
案例NBA《新赛季番剧丨终章NBA季后赛群星集结，战火已燃！》的正文内容是一个点击播放GIF后展开效果，展开效果排版好后，退出展开编辑页面。
第2步：选择「加载提示」组件
正文内容制作完毕后，在「组件」-「特殊」分类中找到「加载提示(定时消失遮罩)」组件，或者直接在搜索框中搜索组件编号11327，点击选择。
第3步：上传图片并调整参数
在右侧点击「换图」按钮传加载图片或GIF。尺寸最好和正文首屏画面尺寸保持一致。
接着调整图片「停留时间」和「消失动画时间」。
「停留时间」指打开图文后这张图片的显示时间，如果是GIF的话，填写GIF的播放时间即可。「消失动画时间」指到达停留时间后，画面从开始消失到最后完全效果需要花费的时间，一般保持默认0.1即可。
第4步：预览草稿并导入公众号后台
点击右侧「预览草稿」可以预览效果，效果满意后接着点击「同步至微信后台」就可以了。
使用同步功能无需频繁在编辑器和微信后台切换，同步成功后可以立即扫描二维码查看。
如需局部导入可参考《iPaiban Pro小助手安装和使用教程》中导入功能的「导入代码」部分。
