更新时间:2020-09-27 13:47
此接口用于设置 TitleBar 的颜色。
AlipayJSBridge.call("setTitleColor", {
color: 16775138,
reset: false //(可选,默认为 false) 是否重置 title 颜色为默认颜色。
});
H5Param.LONG_TRANSPARENT_TITLE
为 always 或者 auto。示例如下:param.putString(H5Param.LONG_TRANSPARENT_TITLE,"auto");
<div style="padding-top:80px;">
<a href="javascript:void(0)" class="btn title">设置导航栏背景色</a>
<a href="javascript:void(0)" class="btn reset">重置导航栏背景色</a>
<a href="javascript:void(0)" class="btn pushWindow">新开一个透明导航栏的窗口</a>
<a href="javascript:void(0)" class="btn resetTransparent">重置为透明导航栏</a>
</div>
<script>
function ready(callback) {
// 如果 jsbridge 已经注入则直接调用
if (window.AlipayJSBridge) {
callback && callback();
} else {
// 如果没有注入则监听注入的事件
document.addEventListener('AlipayJSBridgeReady', callback, false);
}
}
ready(function(){
document.querySelector('.title').addEventListener('click', function() {
AlipayJSBridge.call("setTitleColor", {
color: parseInt('108ee9', 16),
reset: false // (可选,默认为 false) 是否重置 title 颜色为默认颜色。
});
});
document.querySelector('.reset').addEventListener('click', function() {
AlipayJSBridge.call("setTitleColor",{
color: 16775138,
reset: true
});
});
document.querySelector('.pushWindow').addEventListener('click', function() {
AlipayJSBridge.call("pushWindow", {
url: location.pathname + '?__webview_options__=transparentTitle%3Dalways'
});
});
document.querySelector('.resetTransparent').addEventListener('click', function() {
AlipayJSBridge.call("setTitleColor", {
color: 16775138,
resetTransparent: true
});
});
});
</script>
AlipayJSBridge.call('setTitleColor', {
color: 16775138,
reset: false,
resetTransparent: false
}, fn)
名称 | 类型 | 描述 | 必选 | 默认值 |
---|---|---|---|---|
color | int | 色值,十进制 | Y | - |
在文档使用中是否遇到以下问题
更多建议
匿名提交