Skip to content

X
xiaomai-cloud-class-web
Commit 10accb70 by maolipeng
Options

fix:ui问题增加tooltip

parent 1dd069c1
Showing with 6 additions and 6 deletions
src/modules/course-manage/components/LiveCourseList.jsx
...@@ -151,8 +151,8 @@ class LiveCourseList extends React.Component { ...@@ -151,8 +151,8 @@ class LiveCourseList extends React.Component {
{!hasCover && <img className='course-cover' src={'https://image.xiaomaiketang.com/xm/Yip2YtFDwH.png'} alt='' />} {!hasCover && <img className='course-cover' src={'https://image.xiaomaiketang.com/xm/Yip2YtFDwH.png'} alt='' />}
<div> <div>
<Choose> <Choose>
<When condition={record.courseName.length > 14}> <When condition={record.courseName.length > 0}>
<Tooltip title={record.courseName}> <Tooltip placement="topLeft" title={record.courseName}>
<div className='course-name'>{record.courseName}</div> <div className='course-name'>{record.courseName}</div>
</Tooltip> </Tooltip>
</When> </When>
...@@ -480,9 +480,9 @@ class LiveCourseList extends React.Component { ...@@ -480,9 +480,9 @@ class LiveCourseList extends React.Component {
{!hasCover && <img className='course-cover' src={'https://image.xiaomaiketang.com/xm/Yip2YtFDwH.png'} alt='' />} {!hasCover && <img className='course-cover' src={'https://image.xiaomaiketang.com/xm/Yip2YtFDwH.png'} alt='' />}
<div> <div>
<Choose> <Choose>
<When condition={record.courseName.length > 17}> <When condition={record.courseName.length > 0}>
<Tooltip title={record.courseName}> <Tooltip placement="topLeft" title={record.courseName}>
<div className='course-name'>{record.courseName}</div> <span className='course-name'>{record.courseName}</span>
</Tooltip> </Tooltip>
</When> </When>
<Otherwise> <Otherwise>
......
src/modules/course-manage/components/LiveCourseList.less
...@@ -17,7 +17,7 @@ ...@@ -17,7 +17,7 @@
color: #333333; color: #333333;
line-height: 20px; line-height: 20px;
font-weight: bold; font-weight: bold;
max-width: 200px; max-width: 140px;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment