样式

src/components/classify/courselist.js

@@ -196,11 +196,11 @@ class Classify extends Component {
                     {this.state.data && this.state.data.length > 0 && this.state.data.map((item, index) => {
                       const Info = (
                         <div className="info">
-                          <p className='title'
+                          <p className='title text-overflow-2'
                              onClick={() => this.toCourseDetail(item.course_id)}>
                             {item.course_title}
                           </p>
-                          <p className='contact text-overflow-2'>{item.desc}</p>
+                          <p className='contact text-overflow-1'>{item.desc}</p>
                           <div className='des'>
                             {
                               item.is_restricted ?

src/components/classify/courselist.scss

@@ -73,9 +73,6 @@ html, body, #root {
         .title {
           font-size: 16px;
           color: $color_525B65;
-          overflow: hidden;
-          text-overflow: ellipsis;
-          white-space: nowrap;
         }
 
         .contact {

src/components/preferential/index.js

@@ -122,13 +122,13 @@ class Preferential extends Component {
                     {this.state.dataList.map((item, index) => {
                       const Info = (
                         <div className="info">
-                          <p className='title'
+                          <p className='title text-overflow-2'
                              onClick={() => this.toCourseDetail(item.course_id)}>
                             {/* <Link to={`/detail?id=${item.course_id}`}> */}
                             {item.course_title}
                             {/* </Link> */}
                           </p>
-                          <p className='contact text-overflow-2'>{item.course_desc}</p>
+                          <p className='contact text-overflow-1'>{item.course_desc}</p>
                           <div className='des'>
                             {!item.is_buy &&
                             <p className="course-price">

src/components/preferential/index.scss

@@ -61,11 +61,6 @@
         .title {
           font-size: 16px;
           color: $color_525B65;
-          overflow: hidden;
-          text-overflow: ellipsis;
-          white-space: nowrap;
-          height: 18px;
-          line-height: 18px;
         }
 
         .contact {

src/components/purchased/index.js

@@ -55,10 +55,10 @@ class Purchased extends Component {
                   this.state.data.map((item, index) => {
                     const Info = (
                       <div className="info">
-                        <p className='title' onClick={() => this.toCourseDetail(item.course_id)}>
+                        <p className='title text-overflow-2' onClick={() => this.toCourseDetail(item.course_id)}>
                           {item.course_title}
                         </p>
-                        <p className='contact text-overflow-2'>{item.simpledescription}</p>
+                        <p className='contact text-overflow-1'>{item.simpledescription}</p>
 
                         {
                           item.is_aist &&

src/components/purchased/index.scss

@@ -48,11 +48,6 @@ html, body, #root {
       .title {
         font-size: 16px;
         color: $color_525B65;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-        height: 16px;
-        line-height: 16px;
       }
 
       .contact {

src/components/search/search-result.js

@@ -158,8 +158,8 @@ class SearchResult extends PureComponent {
                                 courseList.map(item => {
                                     const Info = (
                                         <div className="info">
-                                            <p className='title'>{item.course_title}</p>
-                                            <p className='des'>{item.simpledescription}</p>
+                                            <p className='title text-overflow-2'>{item.course_title}</p>
+                                            <p className='des text-overflow-1'>{item.simpledescription}</p>
                                             <Bottom
                                                 item={item}
                                             />

src/components/search/search-result.scss

@@ -27,25 +27,18 @@
     }
 
     .info {
-        display: flex;
-        flex-wrap: wrap;
         width: 50%;
-
+        position: relative;
+        display: block;
         .title{
-            overflow: hidden;
             font-size: $font_16;
             color:#525C65;
-            white-space: nowrap;
-            text-overflow: ellipsis;
-
         }
 
         .des {
             font-size: $font_14;
             color:#777;
-            line-height: 16px;
-            align-self: flex-start;
-
+            margin-top: 10px;
         }
 
         .price {
@@ -61,7 +54,8 @@
         }
 
         .bottom {
-            align-self: flex-end;
+            position: absolute;
+            bottom: 0;
         }
     }