|
|
@@ -770,13 +770,29 @@ const QuestionAnswerList: React.FC = () => {
|
|
|
margin: 0
|
|
|
}}>ID:{item.appId}</span>
|
|
|
<Divider type="vertical" style={{ color: '999', margin: 0, height: 12 }} />
|
|
|
- <span style={{ color: '#999', fontSize: 12 }}>
|
|
|
- {
|
|
|
- item.projectName && item.projectName.length > 8 ?
|
|
|
- `${item.projectName.substring(0, 8)}...` :
|
|
|
- item.projectName
|
|
|
- }
|
|
|
+ <span
|
|
|
+ style={ {
|
|
|
+ color: '#999',
|
|
|
+ fontSize: 12,
|
|
|
+ display: 'inline-block',
|
|
|
+ maxWidth: '100%', // 限制最大宽度
|
|
|
+ flex: 1, // 使span占据剩余空间
|
|
|
+ whiteSpace: 'nowrap', // 禁止换行
|
|
|
+ overflow: 'hidden', // 隐藏溢出内容
|
|
|
+ textOverflow: 'ellipsis', // 显示省略号
|
|
|
+ verticalAlign: 'middle' // 垂直居中
|
|
|
+ } }
|
|
|
+ title={ item.projectName } // 鼠标悬停时显示完整名称
|
|
|
+ >
|
|
|
+ {item.projectName}
|
|
|
</span>
|
|
|
+ {/*<span style={{ color: '#999', fontSize: 12 }}>*/}
|
|
|
+ {/* {*/}
|
|
|
+ {/* item.projectName && item.projectName.length > 8 ?*/}
|
|
|
+ {/* `${item.projectName.substring(0, 8)}...` :*/}
|
|
|
+ {/* item.projectName*/}
|
|
|
+ {/* }*/}
|
|
|
+ {/*</span>*/}
|
|
|
</Space>
|
|
|
</div>
|
|
|
|