LX Music Desktop 主题选择器英文名称显示优化方案

在 LX Music Desktop 项目中，用户界面主题选择器存在一个视觉显示问题。当用户尝试选择预设主题时，由于英文名称长度较长，当前界面设计会导致部分名称被截断显示为省略号，影响用户体验。

问题分析

主题选择器采用固定宽度的布局设计，每个主题选项的容器宽度被限制为56像素。这种设计对于中文主题名称显示效果良好，但当遇到较长的英文主题名称时，文本内容会被强制截断，用户需要将鼠标悬停在选项上才能看到完整名称。

解决方案探讨

项目维护者与贡献者经过讨论，提出了两种优化方案：

1. 增加容器宽度方案：将主题选项容器宽度从56像素扩展至100像素，同时移除文本截断样式。这种方案能够完整显示所有英文主题名称，但会占用更多界面空间。

2. 移除文本截断方案：仅移除文本截断样式，保持原有容器宽度不变。这种方案不会改变界面布局，但可能导致文本换行或溢出，影响整体美观。

最终决策

经过权衡，项目维护者选择了第二种方案，即移除文本截断样式(.mixin-ellipsis-1)而不改变容器宽度。这种方案在保证界面布局一致性的前提下，通过允许文本自然显示来改善用户体验。

技术实现要点

在Vue组件文件(ThemeSelectorModal.vue和SettingBasic.vue)中，开发人员需要：

• 保持.themeItem容器的原有宽度(56px)
• 移除.label类中的.mixin-ellipsis-1样式
• 确保主题名称能够自然显示而不被强制截断

这种修改既解决了英文名称显示问题，又保持了界面设计的紧凑性，是较为平衡的解决方案。