Skip to content

CharInfo — 汉字信息展示

文件: web/src/modules/write/components/CharInfo.vue

职责

展示汉字及其拼音信息,支持拼音切换动画。

属性

属性类型默认值说明
charstring(必填)汉字字符
pinyinstring""主音拼音
alternativePinyinsArray[]辅音列表
currentPinyinstring""当前显示的拼音(切换后)

核心功能

  • 显示汉字(40px 粗体)和拼音(text-lg
  • 拼音切换动画:pinyin-swap 过渡,淡入淡出 + 垂直位移
  • 当前拼音为空时回退到主音拼音