追梦随想
追梦随想
  • 发布:2018-02-07 11:27
  • 更新:2018-02-07 14:42
  • 阅读:2424

【报Bug】更改导航栏颜色提示:元素背景颜色必须为RGBA

分类:MUI

详细问题描述
[内容]由于官方只提供了一个默认的导航栏颜色,这并不能满足需求,所以需要修改导航栏颜色,但是修改后js一直报错:元素背景颜色必须为RGBA。但是css部分已经用RGBA了,还是报错

重现步骤
[步骤]
[结果]
[期望]希望能把buttom的多颜色类,在标题栏也能使用

运行环境
[系统版本]真机调试
[浏览器版本]真机调试app
[IDE版本]HBuilder 9.0.1.201802011934
[mui版本]v3.7.2

附件

[代码片段]

<header class="mui-bar">  
  <a class="mui-pull-left"></a>  
  <h1 class="mui-title">首页标题</h1>  
</header>

[安装包]

联系方式
[QQ]
[电话]

2018-02-07 11:27 负责人:无 分享
已邀请:
追梦随想

追梦随想 (作者)

问题解决了,看了源码才解决,是正则验证问题。
alpha 参数是介于 0.0(完全透明)与 1.0(完全不透明)的数字。
但是

background-color: rgba(221,82,77,1.0) 

这样写根本验证不通过。
只能这样写

background-color: rgba(221,82,77,.99); 

我觉得是官方写的正则有问题,官方来看看情况吧

Trust

Trust - 少说废话

A 也就是透明度,设置为 0。

仔细检查页面中,是否使用了 mui-bar-transparent 这个 class。只有存在这个 class,才会检查相应的背景颜色的值。

检查下 mui.js 的版本是否为最新的,如果不是,请更新至最新版的 HBuilder,新建一个包含 mui 资源的工程,或者直接从 github 更新下。

  • 追梦随想 (作者)

    不是要透明啊,哥,是正常的导航栏,设置为0就没颜色了

    2018-02-07 11:36

  • Trust

    回复 追梦随想:那就不要用渐变的class

    2018-02-07 11:50

  • 追梦随想 (作者)

    回复 Trust:没有使用渐变的类,就是mui默认的导航,只是修改样式

    <header class="mui-bar">

    <a class="mui-pull-left"></a>

    <h1 class="mui-title">首页标题</h1>

    </header>

    2018-02-07 11:55

该问题目前已经被锁定, 无法添加新回复