修改文件夹

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;
-