大小写

src/common/Topscroll/index.js

@@ -21,7 +21,6 @@ class Topscroll extends Component {
                                  background: '#fff',
                                  borderRadius: '4px',
                              }}
-                             beforeChange={(from, to) => console.log(`slide from ${from} to ${to}`)}
                              afterChange={index => this.setState({ slideIndex: index })}
                    >
                        {this.props.data.map((val, index) => (

src/components/classify/courselist.js

@@ -58,7 +58,7 @@ class Classify extends Component {
                     {this.state.mockData.map((item, index) => {
                         const Info = (
                             <div className="info">
-                                <p className='title text-overflow-2'>{item.title}</p>
+                                <p className='title'>{item.title}</p>
                                 <p className='contact text-overflow-2'>{item.contact}</p>
                                 <div className='des'>
                                     {item.isbuy === 0 && <p className="course-price">
@@ -73,7 +73,7 @@ class Classify extends Component {
                             </div>
                         )
                         return (
-                            <VList handleClick={handleClick} {...item} key={index} info={Info}></VList>
+                            <VList handleClick={handleClick} key={index} info={Info}></VList>
                         )
                     })}
                 </ul>

src/components/classify/courselist.scss

@@ -5,14 +5,21 @@
       .cover {
         flex: inherit;
         width: 42.2%;
+        img {
+          width: 100%;
+        }
       }
     }
 
     .info {
       width: 52.3%;
+      position: relative;
       .title {
         font-size: 16px;
         color: $color_333;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
       }
       .contact {
         font-size: 14px;
@@ -20,7 +27,8 @@
         margin-top: 14px;
       }
       .des {
-        margin-top: 25px;
+        position: absolute;
+        bottom: 0;
         .course-price {
           .new {
             color: $red;