引擎版本: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~~