xiaoyu/txw
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: 标签颜色收束到蓝绿自然光谱,去掉粉/紫暖色

Browse Source 
hash 6色: green/teal/blue/cyan/moss/ocean 全部在蓝绿光谱内
服务中心仍用 blue/green/orange/purple 语义色(不受影响)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
liulujian 2026-07-04 23:34:08 +08:00
parent fc0012aa4f
commit dc1fcb5134
2 changed files with 14 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
txw-mhzc-web/src/pages/index/styles/market-list-variables.less
View File

@ -143,18 +143,27 @@
@market-tag-bg-purple: #F3E5F5;
@market-tag-color-teal: #00695C;
@market-tag-color-pink: #AD1457;
@market-tag-color-cyan: #00838F;
@market-tag-color-moss: #4E6B30;
@market-tag-color-ocean: #0D5C7A;
@market-tag-bg-teal: #E0F2F1;
@market-tag-bg-pink: #FCE4EC;
@market-tag-bg-cyan: #E0F7FA;
@market-tag-bg-moss: #EEF3E7;
@market-tag-bg-ocean: #E3F0F5;
// 标签颜色变体（蓝绿自然光谱，契合绿色低碳主题）
// 服务中心列表页用前4种语义色(蓝/绿/橙/紫)
// 共性能力用 hash 映射6种自然色(green/teal/blue/cyan/moss/ocean)
.market-tag-colors() {
&.tag--blue { color: @market-tag-color-blue; background: @market-tag-bg-blue; }
&.tag--green { color: @market-tag-color-green; background: @market-tag-bg-green; }
&.tag--orange { color: @market-tag-color-orange; background: @market-tag-bg-orange; }
&.tag--purple { color: @market-tag-color-purple; background: @market-tag-bg-purple; }
&.tag--teal { color: @market-tag-color-teal; background: @market-tag-bg-teal; }
&.tag--pink { color: @market-tag-color-pink; background: @market-tag-bg-pink; }
&.tag--cyan { color: @market-tag-color-cyan; background: @market-tag-bg-cyan; }
&.tag--moss { color: @market-tag-color-moss; background: @market-tag-bg-moss; }
&.tag--ocean { color: @market-tag-color-ocean; background: @market-tag-bg-ocean; }
}
// -----------------------------------------------------------------------------

3
txw-mhzc-web/src/pages/index/utils/card-category.js
View File

@ -70,7 +70,8 @@ export function tagColorClass(tag) {
}
/** 6色调色板（用于 hash 映射） */
const HASH_COLORS = ['blue', 'green', 'orange', 'purple', 'teal', 'pink'];
/** 共性能力 hash 6 色 — 全部在蓝绿自然光谱内，契合绿色低碳主题 */
const HASH_COLORS = ['green', 'teal', 'blue', 'cyan', 'moss', 'ocean'];
/** djb2 字符串哈希 */
function hashStr(str) {