{ props.onClick(); // setTimeout(updateWidth, 1); // 这行可以注释掉 }} // onMouseEnter={updateWidth} // 这行可以注释掉 // onTouchStart={updateWidth} // 这行可以注释掉 style={ { "--icon-width": `${width.icon}px`, "--full-width": `${width.full}px`, } as React.CSSProperties } >
{props.icon}
{props.text}
);}```### 简单方案(仅修改 CSS)如果你只想快速解决,可以只修改 `chat.module.scss`:```scss.chat-input-action { // 找到这个类,添加或修改以下内容 width: auto !important; // 自动宽度 .text { opacity: 1 !important; // 强制显示 transform: none !important; pointer-events: auto; // 允许点击 }}```这样修改后,模型名称将会一直显示,而不需要鼠标悬停。