CocosCreator之KUOKUO带你修改web打包后loading页面

引擎版本:2.0.7

编辑工具:VsCode

目标:修改web打包后加载页面

小伙伴们应该都知道，h5打包后的包体有个加载页面。就是这个。

那么，我们能不能自定义呢？答案是肯定的。

实际上就是html+css所为我们呈现的页面。

首先。

第一步：改名字。

在打包后的文件夹里有个index.html

title标签里的就是。

对应这里

也就是浏览器的标签页标题。

第二步：改图片。

这里我有一张自己的图片：kk.png

然后，在style-mobile.css中，我们找到#splash这里：

修改后：

然后，我们看url前面的颜色之前是#171717.

那就是背景色，我们选个喜欢的颜色。

看！背景色和图片已经更改。

（我圈出来的进度条就是我们下一步要修改的。）

接下来！

第三步：修改进度条。

首先是进度条外框相关，在颜色最后加两个0，就是透明度为0（小伙伴们可以改成自己喜欢的颜色）

我不太喜欢，所以把阴影删除，如下图。

（伙伴们一定要随便打包一个，自己动手改一改哦。）

然后是进度条的圆角与上边外发光。这里我就是把圆角改大点。

第四步：进度条内容填充。

我们把角度改成90度试试：

 会是这样：

然后看看那个渐变样式，linear-gradient

我删除后：

接下来就是动画：

都是CSS相关知识。

推荐一个网址：

然后我修改为渐变动画：

最终效果：

 

好了，本期分享结束。

好玩吧！O(∩_∩)O~~

 

加我QQ群：（博客里面的项目，群文件里都有哦）

706176551

我们一起学习！

 

O(∩_∩)O~~