修改文件夹

src/common/Carousel/carousel.scss

+.scroll-box {
+  width: 100%;
+  overflow: auto;
+  position: relative;
+  margin-top: 15px;
+  .scroll-list {
+    height: 100%;
+    display: flex;
+    overflow: hidden;
+    position: absolute;
+  }
+}::-webkit-scrollbar{
+   display:none;
+ }

src/common/Carousel/index.js

+import React from 'react';
+import './carousel.scss'
+
+const Carousel = (props) => {
+        return (
+            <div className='scroll-box'>
+                <ul className='scroll-list'>
+                    {props.children}
+                </ul>
+            </div>
+        )
+};
+
+export default Carousel;
+

src/common/Course/course.scss

+.course-item {
+  width: 47.8%;
+  margin-top: 15px;
+  margin-bottom: 5px;
+  position: relative;
+
+  img {
+    width: 100%;
+    height: 119px;
+  }
+
+  .course-title {
+    font-size: 14px;
+    color: $color_333;
+    line-height: 19px;
+    margin-top: 9px;
+  }
+}

src/common/Course/index.js

+import React from 'react';
+import './course.scss'
+
+const Course = (props) => {
+    return (
+        <li className='course-item'>
+            {props.top}
+            <a href="/#">
+                <img src={props.data.src} alt=""/>
+                <p className="course-title text-overflow-2">{props.data.title}</p>
+            </a>
+            {props.bottom}
+        </li>
+    );
+};
+
+export default Course;
+