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

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

https://wenda.wecenter.com/uploads/article/20210908/15d720877c7ce58848e5b8a7dbf3ca61.png

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

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

https://wenda.wecenter.com/uploads/article/20210908/740cb04c4a1a6624ca203956def1ea0c.png

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

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

https://wenda.wecenter.com/uploads/article/20210908/dba491d6ee2017a863265c724fc4eaed.png

.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 */

同时还有大约599行的位置,把这里的色值也调换一下,改为

.aw-common-list .aw-item .icon-v, .aw-feed-list .aw-item .icon-v{position:absolute;left:-5px;top:-5px;width:18px;height:18px;background-color: #a3d700;color: #fff;text-align: center;line-height: 18px;font-size: 14px;border-radius: 4px;}/* 个人绿V */
.aw-common-list .aw-item .icon-v.i-ve, .aw-feed-list .aw-item .icon-v.i-ve{background-color: #ffca3f;color: #fff;}/* 企业黄V */

官方可以对比下,看看是否修复

2 个评论

试一下这个好不好用
多谢反馈

要回复文章请先登录注册