全部产品

设置导航栏底部细线颜色

更新时间:2020-04-13 16:05:16

此接口用于自定义导航栏底部细线的颜色,当细线的颜色与导航栏相同时可达到隐藏的效果。

setBarBottomLineColor 接口的使用方法

  1. AlipayJSBridge.call("setBarBottomLineColor", {
  2. color: 16711688
  3. });

代码示例

  1. <div style="padding-top:80px;">
  2. <a href="javascript:void(0)" class="btn title">设置导航栏底部细线颜色</a><br>
  3. </div>
  4. <script>
  5. function ready(callback) {
  6. // 如果 jsbridge 已经注入则直接调用
  7. if (window.AlipayJSBridge) {
  8. callback && callback();
  9. } else {
  10. // 如果没有注入则监听注入的事件
  11. document.addEventListener('AlipayJSBridgeReady', callback, false);
  12. }
  13. }
  14. ready(function(){
  15. document.querySelector('.title').addEventListener('click', function() {
  16. AlipayJSBridge.call("setBarBottomLineColor", {
  17. color: parseInt('ff0000', 16)
  18. });
  19. }, false);
  20. },false);
  21. </script>

API

  1. AlipayJSBridge.call('setBarBottomLineColor',{
  2. color
  3. }, fn)

入参

名称 类型 描述 必选 默认值
color int 色值,十进制 Y -