style:处理样式问题

src/modules/common/DateRangePicker.jsx

@@ -27,6 +27,7 @@ class DateRangePicker extends React.Component {
           this.props.onChange(date)
         }}
         {...showTime}
+        suffixIcon={<span class="icon iconfont">&#xe838;</span>}
       />
     )
   }

src/modules/course-manage/components/LiveCourseFilter.jsx

@@ -159,11 +159,13 @@ class LiveCourseFilter extends React.Component {
               <div className="search-condition__item">
                 <span className="search-name">直播名称：</span>
                 <Search
+                  suffixIcon={<span class="icon iconfont">&#xe838;</span>}
                   value={courseName}
                   placeholder="搜索直播名称"
                   onChange={(e) => { this.handleChangeQuery('courseName', e.target.value)}}
                   onSearch={ () => { this.props.onChange(this.state.query) } }
                   style={{ width: "calc(100% - 70px)" }}
+                  
                 />
               </div>
               <div className="search-condition__item">

src/modules/root/Menu.less

@@ -76,12 +76,6 @@
   &.left-container-vertical {
     width: 62px;
     .left {
-      // .ant-menu-item {
-      //   text-align: center;
-      // }
-      // .icon {
-      //   margin-right: 0px;
-      // }
       .ant-menu-submenu-arrow{
         display:none !important;
       }
@@ -96,50 +90,50 @@
   background: @menu-bakg !important;
 }
 
-// .ant-menu-submenu-popup>.ant-menu {
-//   background: @menu-bakg  !important;
-//   color: #9A9DA7;
-//   padding-left: 15px;
-//   width: 132px;
-//   min-width: auto;
+.ant-menu-submenu-popup>.ant-menu {
+  background: @menu-bakg  !important;
+  color: #9A9DA7;
+  padding-left: 15px;
+  width: 132px;
+  min-width: auto;
 
-//   li {
-//     padding-left: 22px;
-//     padding-right: 0;
-//     width: 117px;
-//   }
+  li {
+    padding-left: 22px;
+    padding-right: 0;
+    width: 117px;
+  }
 
-//   .listType {
-//     width: 5px;
-//     height: 5px;
-//     background: #9A9DA7;
-//     border-radius: 50%;
-//     top: 18px;
-//     left: 5px;
-//     position: absolute;
-//   }
+  .listType {
+    width: 5px;
+    height: 5px;
+    background: #9A9DA7;
+    border-radius: 50%;
+    top: 18px;
+    left: 10px;
+    position: absolute;
+  }
 
-//   .ant-menu-item-selected {
-//     background: @menu-bakg;
-//     color: #fff;
+  .ant-menu-item-selected {
+    background: @menu-bakg;
+    color: #fff;
 
-//     .listType {
-//       background: @active-color;
-//     }
-//   }
+    .listType {
+      background: @active-color;
+    }
+  }
 
-//   &:hover {
-//     .ant-menu-item-active {
-//       color: #fff;
-//       .listType {
-//         background: #fff;
-//       }
-//     }
+  &:hover {
+    .ant-menu-item-active {
+      color: #fff;
+      .listType {
+        background: #fff;
+      }
+    }
 
-//     .ant-menu-item-selected {
-//       .listType {
-//         background: @active-color;
-//       }
-//     }
-//   }
-// }
+    .ant-menu-item-selected {
+      .listType {
+        background: @active-color;
+      }
+    }
+  }
+}