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

君笑尘
君笑尘 This guy is lazy,Introduction has not been set

0 People liked this article · 710 views

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

Published on 2023-02-07 20:40

Disclaimers:

This document is written by 君笑尘 Original published on 君笑尘编程学习社区 ,The copyright belongs to the author。

Log in,More exciting content waiting for you to find,Contribute wonderful answers,Participate in comment interaction

go Sign in! No accountgoregister

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