test

src/components/detail/index.js

@@ -687,7 +687,12 @@ class Detail extends Component {
                                                 item.lesson.map((item, index) => {
                                                     return (
                                                         <ul key={index}>
-                                                            <h2 className='classhour text-overflow-1'>{item.name}</h2>
+                                                            <h2 className='classhour text-overflow-1'>{item.name}
+                                                                {
+                                                                    item.is_video === 1 &&
+                                                                        <span className='audition'>试听</span>
+                                                                }
+                                                            </h2>
                                                             {
                                                                 item.point.map((item, index) => {
                                                                     const type = (

src/components/detail/index.scss

@@ -155,18 +155,22 @@
     display: flex;
     position: relative;
     font-size: 12px;
+
     .title {
       font-size: 14px;
       margin-right: 12px;
     }
+
     .ranking-mess {
       margin-right: 20px;
+
       img {
         width: 22px;
         height: 22px;
         border-radius: 50%;
         vertical-align: middle;
       }
+
       i {
         display: inline-block;
         margin-left: 5px;
@@ -174,17 +178,19 @@
         font-style: normal;
       }
     }
+
     .ranking-ellipsis {
       width: 22px;
       height: 22px;
       border-radius: 50%;
     }
+
     .share {
       position: absolute;
       right: 12px;
       padding: 5px 6px;
-      border:1px solid $red;
-      border-radius:3px;
+      border: 1px solid $red;
+      border-radius: 3px;
       color: $red;
       background-color: $bg_fff;
     }
@@ -249,6 +255,7 @@
         padding-left: 10px;
         margin-top: 10px;
         margin-bottom: 5px;
+        position: relative;
       }
 
       .points {
@@ -261,6 +268,20 @@
       .red {
         color: $color_FE2F2F;
       }
+
+      .audition {
+        display: inline-block;
+        height: 22px;
+        line-height: 22px;
+        padding: 0 7px;
+        position: absolute;
+        right: 10px;
+        top: 6px;
+        border-radius: 11px;
+        background: linear-gradient(90deg, $bg_0078FF 0%, $bg_active 100%);
+        color: $white;
+        font-size: 12px;
+      }
     }
   }