wecenter默认模板 认证图标 icon-v 颜色不一致bug

在默认模板中,其中默认皮肤的认证图标icon-v,css颜色是这样的


.icon-v{color: #ffca3f;font-size: 16px;}/* 黄V */
.icon-v.i-ve{color: #a3d700;}/* 绿V */

但是使用换肤功能,切换到绿色时,却是


.icon-v{color: #5bbf5a;font-size: 16px;}/* 绿V */
/* 这里icon-v绿V使用的是#5bbf5a,考虑到其他地方的icon-v还有同个#5bbf5a颜色代码,所以这里就不建议改为#a3d700了*/
.icon-v.i-ve{color: #ffca3f;}/* 黄V */

而把皮肤切换到橙色时,却是


.icon-v{color: #a3d700;font-size: 16px;}/* 绿V */
.icon-v.i-ve{color: #ffca3f;}/* 黄V */

这里面,默认皮肤 和 绿色皮肤、橙色皮肤中,颜色值是相反了。


也就是说,你在默认皮肤里是黄V,


当你切换成绿色皮肤或者橙色皮肤时,你是会变成绿V的,


这样很容易造成误会,所以我们要把颜色值统一一下。



因为wecenter系统中,绿色v代表个人认证,黄色v代表企业机构认证


(因为看到默认模板的static/css/default/img/icon-v.png是绿色的,如果我没搞错的话,应该是绿色v代表个人认证,黄色v代表企业机构认证。)


所以我们需要把static/css/default/common.css的色值对调下,


在大约180行的位置就能找到对应代码修改为以下示例:


.icon-v{color: #a3d700;font-size: 16px;}/* 个人绿V */
.icon-v.i-ve{color: #ffca3f;}/* 企业黄V */

0 个评论

要回复文章请先登录注册