【前端小妙招】幻影坦克图片在前端的妙用

378 阅读1分钟

小伙伴们晚上好,欢迎来到前端小妙招。说起幻影坦克图片,大家一定不陌生,但是你一定好奇还能在前端开发中使用,下面就让我带大家了解一下吧。

注意看,这里正在发起一个请求,如果在请求中,会出现一个旋转的圈圈,如果发生错误,会显示相应的错误信息,比如网络错误,显示网络错误的效果,如果是业务错误显示业务错误的效果,此外还有登录无权限等效果。如果这个过程发生在黑底的区域中,展现就不太好看。

这时,我们有2种解决办法解决。一是业务里进行专门处理,展示另一张图。二是在使用祖先组件传值,来判断是否是黑底区域。这两种方式都比较麻烦。

我们借鉴幻影坦克图片的原理,就能轻易的解决。

幻影坦克图片就是利用图片的透明度,在黑底白底都能展示的图片。

我们只要精心制作一张,同时在黑底白底都能展示的图片。问题就迎刃而解了。

好了,本期视频就到这啦,大家有什么看法呢?欢迎在评论区留言,一起讨论哟。