tab bug修改部分

src/components/detail/outline/index.js

@@ -44,6 +44,10 @@ class OutLine extends Component {
         })
     }
 
+    change = (index) => {
+        console.log(index);
+    }
+
     render() {
         const tabs = [
             {title: '介绍'},
@@ -57,6 +61,15 @@ class OutLine extends Component {
             <div className='course-detail'>
                 <WhiteSpace/>
                 <StickyContainer>
+                    <div className='detail_tab'>
+                        {
+                            tabs.map((item, index) => {
+                                return <div onClick={e => change(index)} className="tabItem" key={index}>
+                                    <span>{item.title}</span>
+                                </div>
+                            })
+                        }
+                    </div>
                     <Tabs tabs={tabs}
                           initialPage={0}
                           swipeable={false}

src/components/detail/outline/index.scss

@@ -185,4 +185,25 @@
       background-color: $bg_FE2F2F;
     }
   }
+
+  .detail_tab {
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+    align-items: center;
+    height: 46px;
+    .tabItem {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      width: 50%;
+
+      span {
+        display: inline-block;
+        height: 100%;
+        border-bottom: 1px solid #09f;
+        padding: 6px 0;
+      }
+    }
+  }
 }