样式优话

src/common/Course/course.scss

@@ -3,12 +3,12 @@
   margin-top: 15px;
   margin-bottom: 5px;
   position: relative;
-
   img {
     width: 100%;
     height: 119px;
     min-height: 119px;
     border-radius: 4px;
+    vertical-align: bottom;
   }
   .course-status{
     width: 100%;
@@ -25,6 +25,7 @@
   }
 
   .course-title {
+    height: 45px;
     font-size: 14px;
     color: $color_525B65;
     min-height: 38px;

src/common/HeaderBar/index.scss

@@ -6,7 +6,7 @@
   text-align: center;
 
   i {
-    font-size: 22px !important;
+    font-size: 20px !important;
   }
 
   i:nth-of-type(1) {

src/common/HeaderSearch/index.scss

@@ -24,6 +24,6 @@
   }
 
   .shopping-cart, .return {
-    font-size: 18px !important;
+    font-size: 20px;
   }
 }
\ No newline at end of file

src/common/NavBar/index.js

@@ -52,6 +52,7 @@ const NavBar = React.memo(({location}) => {
                     )
                 })
             }
+            <div className={'click-able'}></div>
         </div>
     )
 })

src/common/NavBar/index.scss

@@ -7,30 +7,36 @@
   left: 0;
   z-index: 50;
   background: $white;
-  border-top: 1px solid #ddd;
+  //border-top: 1px solid #ddd;
 
   .index-icon {
     background-image: url("./image/grey_sy_icon.png");
   }
+
   .index-icon-active {
     background-image: url("./image/sy_icon.png");
   }
 
-  .classify-icon{
+  .classify-icon {
     background-image: url("./image/grey_liebiao_ed_icon.png");
   }
+
   .classify-icon-active {
     background-image: url("./image/liebiao_ed_icon.png");
   }
+
   .study-icon {
     background-image: url("./image/grey_study_icon.png");
   }
+
   .study-icon-active {
     background-image: url("./image/study_icon.png");
   }
+
   .my-icon {
     background-image: url("./image/grey_my_icon.png");
   }
+
   .my-icon-active {
     background-image: url("./image/my.png");
   }
@@ -60,6 +66,16 @@
       color: $active;
     }
   }
+
+  &:after {
+    content: " ";
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 1px;
+    background-image: linear-gradient(0deg, #ddd 50%, transparent 50%);
+  }
 }
 
 

src/components/intelligent-recommend/index.scss

@@ -32,9 +32,8 @@
     }
 
     .iconfont {
-      font-size: 16px;
+      font-size: 20px;
       color: #222;
-      font-weight: 600;
     }
 
     .title {

src/components/preferential/index.scss

@@ -36,6 +36,7 @@
 
           img {
             width: 100%;
+            height: 100%;
           }
 
           .course-status {

src/components/search/search-result.scss

@@ -85,5 +85,6 @@
         font-size: 13px;
         color: $white;
         background-color: rgba(224, 46, 36, 0.6);
+        border-radius: 0 0 4px 4px;
     }
 }
\ No newline at end of file

src/components/search/search_header.scss

@@ -15,6 +15,10 @@
             display: block;
             padding: 15px;
         }
+
+        .iconfont {
+            font-size: 20px;
+        }
     }
 
     .center {
@@ -32,6 +36,8 @@
                     border-radius:13px;
                     color: #333;
                     font-size: 12px;
+                    outline: none;
+                    background-color: #fff;
                 }
             }
 

src/components/video/video-catalog/index.js

@@ -28,9 +28,7 @@ class VideoCatalog extends Component {
                                         <span className="title text-overflow-2">{item.name}</span>
                                         {/*<span className='duration'>{item.duration}</span>*/}
                                         <i className={classnames(`iconfont`,
-                                            [item.video_auth === 0
-                                                ? 'iconiconfront-74'
-                                                : 'iconplay_hovericon'],
+                                            [item.video_auth === 0 ? 'iconRectangleCopy1' : this.props.activeIndex === index ? 'iconcelluar':'icontimeout'],
                                         )}/>
                                     </div>
                                     {
@@ -44,7 +42,7 @@ class VideoCatalog extends Component {
                                                 }}>
                                                     <div className="exercise">
                                                         <span className={'text-overflow-one'}>课后练习：{item.practice.title}</span>
-                                                        <i className={classnames('iconfont', item.practice.is_tested ? 'iconiconfront-3' : '')}/>
+                                                        <i className={classnames('iconfont', item.practice.is_tested ? 'iconRectangleCopy' : '')}/>
                                                     </div>
                                                 </Link>
                                                 : null
@@ -52,7 +50,7 @@ class VideoCatalog extends Component {
                                                 <a href="javascript:void(0)">
                                                     <div className="exercise">
                                                         <span className={'text-overflow-one'}>课后练习：{item.practice.title}</span>
-                                                        <i className={classnames('iconfont','iconiconfront-74')}/>
+                                                        <i className={classnames('iconfont','iconRectangleCopy1')}/>
                                                     </div>
                                                 </a>
                                             )
@@ -67,14 +65,14 @@ class VideoCatalog extends Component {
                                                         }} key={index}>
                                                             <div className="exercise">
                                                                 <span className={'text-overflow-one'}>课后练习：{commonItem.title}</span>
-                                                                <i className={classnames('iconfont',commonItem.is_tested ? 'iconiconfront-3' : '')}/>
+                                                                <i className={classnames('iconfont',commonItem.is_tested ? 'iconRectangleCopy' : '')}/>
                                                             </div>
                                                         </Link>
                                                     ) : (
                                                         <a href="javascript:void(0)">
                                                             <div className="exercise">
                                                                 <span className={'text-overflow-one'}>课后练习：{commonItem.title}</span>
-                                                                <i className={classnames('iconfont','iconiconfront-74')}/>
+                                                                <i className={classnames('iconfont','iconRectangleCopy1')}/>
                                                             </div>
                                                         </a>
                                                     )

src/components/video/video-catalog/video-catalog.scss

@@ -12,8 +12,8 @@
             }
             .exercise{
                 font-size: $font_12;
-                .iconiconfront-3{
-                    font-weight: bold;
+                .iconRectangleCopy{
+                    font-weight: 500;
                     color: $active;
                 }
             }
@@ -27,7 +27,7 @@
             align-items: center;
 
             .iconfont{
-                font-size: 15px;
+                font-size: 18px;
             }
         }
 
@@ -50,7 +50,7 @@
                 margin-bottom: 15px;
             }
             .iconfont {
-                font-size: 16px;
+                font-size: 18px;
             }
         }
     }
@@ -83,4 +83,9 @@
     .iconplay_hovericon{
         color: $active;
     }
+
+    .icontimeout {
+        font-size: 20px!important;
+        color: $active;
+    }
 }
\ No newline at end of file