在uniapp项目中,uniapp提供了显示和隐藏Loading的API,正常来说使用还是可以满足需求的。
但是甲方感觉自带的Loading黑色背景边框不是很美观,要求去掉黑色背景,只保留转圈的Loading即可,网上一通查找,发现uniapp并没有提供相应的配置,第三方的sdk质量也参差不齐,无奈只能从样式下手了。
通过浏览器f12调试,发现loading的黑色背景框样式类为uni-toast .uni-toast
,此时只需在App.vue中重写覆盖样式
<style lang="scss">
/*每个页面公共css */
uni-toast .uni-toast{
background: transparent !important;
}
</style>
项目重新编译后查看效果
这样虽然可以达到效果,但是会影响全局的loading样式,如果有更好的办法也可留言。