xt/color-q
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

调整色卡中颜色名称输出内容，方便未来适配其他色卡系列。

Browse Source
This commit is contained in:
徐涛
2025-01-10 15:10:39 +08:00
parent 67164e35fa
commit c737712d3f
1 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/page-components/cards-detail/ColorCard.tsx
View File

@@ -1,4 +1,4 @@
import { capitalize } from 'lodash-es'; import { capitalize, isEmpty } from 'lodash-es';
import { useCallback, useMemo } from 'react'; import { useCallback, useMemo } from 'react';
import { useColorFunction } from '../../ColorFunctionContext'; import { useColorFunction } from '../../ColorFunctionContext';
import { useCopyColor } from '../../hooks/useCopyColor'; import { useCopyColor } from '../../hooks/useCopyColor';
@@ -65,7 +65,9 @@ export function ColorCard({ color, copyMode }: ColorCardProps) {
<div className={styles.description_line}> <div className={styles.description_line}>
<div className={styles.title}> <div className={styles.title}>
<span className={styles.name}>{color.name}</span> <span className={styles.name}>{color.name}</span>
{!isEmpty(color.pinyin) && (
<span className={styles.en_name}>{color.pinyin.map(capitalize).join(' ')}</span> <span className={styles.en_name}>{color.pinyin.map(capitalize).join(' ')}</span>
)}
</div> </div>
<div className={styles.color_value}>#{colorHex}</div> <div className={styles.color_value}>#{colorHex}</div>
</div> </div>