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

君笑尘
君笑尘 这家伙很懒,还没有设置简介

0 人点赞了该文章 · 807 浏览

在默认模板中,其中默认皮肤的认证图标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 */

发布于 2023-02-07 20:40

免责声明:

本文由 君笑尘 原创发布于 君笑尘编程学习社区 ,著作权归作者所有。

登录一下,更多精彩内容等你发现,贡献精彩回答,参与评论互动

登录! 还没有账号?去注册

暂无评论

All Rights Reserved Powered BY WeCenter V4.1.0 © 2024 粤ICP备2020123311号