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

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

0 People liked this article · 1204 views

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

15d720877c7ce58848e5b8a7dbf3ca61.png

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

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

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

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

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

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

Published on 2021-09-08 01:53

Disclaimers:

This document is written by 君笑尘 Original published on WeCenter ,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

fanta
2021-09-14 09:25
多谢反馈
朝夕之间、
2021-09-11 23:47
试一下这个好不好用
All Rights Reserved Powered BY WeCenter V4.1.0 © 2023 粤ICP备17116736号