特训营返现标签添加

src/components/Index/index.js

@@ -230,8 +230,11 @@ function CourseList({modules}) {
                                     {item.is_audition === true &&
                                     <span className='audition'><i className={'iconfont iconerji'}></i>试听</span>
                                     }
+                                    {item.is_aist &&
+                                    <span className='return_bash'></span>
+                                    }
                                 </div>
-                            )
+                            );
 
                             const bottom = (
                                 <div>

src/components/Index/index.scss

@@ -308,6 +308,16 @@
       }
     }
 
+    .return_bash {
+      position: absolute;
+      top: 0;
+      right: 0;
+      width: 31px;
+      height: 18px;
+      background: url("./image/return.icon.png") no-repeat;
+      background-size: 100% 100%;
+    }
+
 
     .course-price {
       margin-top: 15px;

src/components/classify/index.js

@@ -81,8 +81,13 @@ function ClassCourseA({data}) {
             {
                 data && data.length > 0 && data.map((item, index) => {
                     return (
-                        <Link to={`/detail?id=${item.course_id}`} key={index} className='item-banner'><img
-                            src={item.course_img} alt=""/></Link>
+                        <Link to={`/detail?id=${item.course_id}`} key={index} className='item-banner'>
+                            <img src={item.course_img} alt=""/>
+                            {
+                                (item.is_aist &&
+                                    <span className='return_cash'></span>)
+                            }
+                        </Link>
                     )
                 })
             }

src/components/classify/index.scss

@@ -37,11 +37,22 @@
         height: 76px;
         margin-top: 10px;
         margin-right: 13px;
+        position: relative;
         img {
           width: 100%;
           height: 100%;
           border-radius: 3px;
         }
+
+        .return_cash {
+          position: absolute;
+          width: 31px;
+          height: 18px;
+          top: 0;
+          right: 0;
+          background: url("./image/return.icon.png") no-repeat;
+          background-size: 100% 100%;
+        }
       }
 
       .item-label {

src/components/detail/index.js

@@ -184,6 +184,11 @@ class Detail extends Component {
                     <div className='cover'>
                         <img src={courseInfo.image_name}
                              alt=""/>
+                        {
+                            (courseInfo.is_aist &&
+                                <span className='return_cash'></span>
+                            )
+                        }
                     </div>
                     <div className="info">
                         <p className='title'>{courseInfo.course_title}</p>

src/components/detail/index.scss

@@ -24,12 +24,23 @@
     .cover {
       width: 42.2%;
       height: 108px;
+      position: relative;
 
       img {
         border-radius: 3px;
         width: 100%;
         height: 100%;
       }
+
+      .return_cash {
+        position: absolute;
+        top: 0;
+        right: 0;
+        width: 31px;
+        height: 18px;
+        background: url("./image/return.icon.png") no-repeat;
+        background-size: 100% 100%;
+      }
     }
 
     .info {