uniapp改变webview加载条的颜色

853 阅读1分钟

记录uniapp的开发APP点滴。 用uniapp开发APP,webview的原来加载进度条的颜色不喜欢,想换个色,这时候该咋办,废话不哆嗦,上代码。

<template> 
    <view> 
        <web-view :webview-styles="webviewStyles" src="https://uniapp.dcloud.io/static/web-view.html"></web-view> 
    </view> 
</template>

做法也比较简单,就是改变webview-styles的值,里面有一个progress参数下面的color参数的颜色即可。

<script> 
    export default { 
        data() { 
            return { 
                webviewStyles: { 
                    progress: { 
                        color: '#FF3333' //喜欢什么颜色就换什么颜色
                    } 
                } 
            }
        } 
    } 
</script>

附上官方的说明