a标签

src/components/classify/courselist.js

@@ -6,12 +6,12 @@ class Classify extends Component {
     state = {
         mockData:[
             {
-                title: '三月面试求职班',
+                title: '三月面试求职三月面试求职三月面试求职',
                 imgUrl: 'https://julyedu-img-public.oss-cn-beijing.aliyuncs.com/Public/Image/4c5ccac604.jpg',
-                contact: 'QQ群：449141326',
+                contact: '学习到第2课2三月面试求职班三月面试求职班三月面试求职班分33秒6',
                 time: '03月12日',
-                record: '学习到第2课2分33秒',
-                isbuy: 0,
+                record: '学习到第2课2三月面试求职班三月面试求职班三月面试求职班分33秒',
+                isbuy: 1,
                 price0: 100,
                 price1: 100
             },
@@ -58,8 +58,8 @@ class Classify extends Component {
                     {this.state.mockData.map((item, index) => {
                         const Info = (
                             <div className="info">
-                                <p className='title'>{item.title}</p>
-                                <p className='contact'>{item.contact}</p>
+                                <p className='title text-overflow-2'>{item.title}</p>
+                                <p className='contact text-overflow-2'>{item.contact}</p>
                                 <div className='des'>
                                     {item.isbuy === 0 && <p className="course-price">
                                         <span className="new">¥{item.price0}</span>

src/components/classify/courselist.scss

@@ -2,13 +2,14 @@
   .v-list-item {
     .content {
       border: none;
-
       .cover {
         flex: inherit;
+        width: 42.2%;
       }
     }
 
     .info {
+      width: 52.3%;
       .title {
         font-size: 16px;
         color: $color_333;
@@ -19,9 +20,8 @@
         margin-top: 14px;
       }
       .des {
+        margin-top: 25px;
         .course-price {
-          margin-top: 15px;
-
           .new {
             color: $red;
             font-size: 15px;
@@ -38,7 +38,6 @@
 
         .isbuy {
           display: inline-block;
-          margin-top: 15px;
           width: 61px;
           height: 18px;
           background-color: $bg_active;