优化

src/components/CourseChart.js

@@ -117,7 +117,7 @@ class CourseChart extends React.Component {
       title: () => (
         <div className={pageStyle.tableth}>
           <div className={pageStyle.weekday}>{showWeekDaysArr[0] && showWeekDaysArr[0].name}</div>
-          <div className={pageStyle.cndate}>{showWeekDaysArr[0] && showWeekDaysArr[0].cnDate}</div>
+          <div className={pageStyle.cndate}>（{showWeekDaysArr[0] && showWeekDaysArr[0].cnDate}）</div>
           {showWeekDaysArr[0] && showWeekDaysArr[0].isToday && <div className={pageStyle.idtoday}>今</div>}
         </div>
       ),
@@ -232,7 +232,7 @@ class CourseChart extends React.Component {
       title: () => (
         <div className={pageStyle.tableth}>
           <div className={pageStyle.weekday}>{showWeekDaysArr[1] && showWeekDaysArr[1].name}</div>
-          <div className={pageStyle.cndate}>{showWeekDaysArr[1] && showWeekDaysArr[1].cnDate}</div>
+          <div className={pageStyle.cndate}>（{showWeekDaysArr[1] && showWeekDaysArr[1].cnDate}）</div>
           {showWeekDaysArr[1] && showWeekDaysArr[1].isToday && <div className={pageStyle.idtoday}>今</div>}
         </div>
       ),
@@ -346,7 +346,7 @@ class CourseChart extends React.Component {
       title: () => (
         <div className={pageStyle.tableth}>
           <div className={pageStyle.weekday}>{showWeekDaysArr[2] && showWeekDaysArr[2].name}</div>
-          <div className={pageStyle.cndate}>{showWeekDaysArr[2] && showWeekDaysArr[2].cnDate}</div>
+          <div className={pageStyle.cndate}>（{showWeekDaysArr[2] && showWeekDaysArr[2].cnDate}）</div>
           {showWeekDaysArr[2] && showWeekDaysArr[2].isToday && <div className={pageStyle.idtoday}>今</div>}
         </div>
       ),
@@ -460,7 +460,7 @@ class CourseChart extends React.Component {
       title: () => (
         <div className={pageStyle.tableth}>
           <div className={pageStyle.weekday}>{showWeekDaysArr[3] && showWeekDaysArr[3].name}</div>
-          <div className={pageStyle.cndate}>{showWeekDaysArr[3] && showWeekDaysArr[3].cnDate}</div>
+          <div className={pageStyle.cndate}>（{showWeekDaysArr[3] && showWeekDaysArr[3].cnDate}）</div>
           {showWeekDaysArr[3] && showWeekDaysArr[3].isToday && <div className={pageStyle.idtoday}>今</div>}
         </div>
       ),
@@ -574,7 +574,7 @@ class CourseChart extends React.Component {
       title: () => (
         <div className={pageStyle.tableth}>
           <div className={pageStyle.weekday}>{showWeekDaysArr[4] && showWeekDaysArr[4].name}</div>
-          <div className={pageStyle.cndate}>{showWeekDaysArr[4] && showWeekDaysArr[4].cnDate}</div>
+          <div className={pageStyle.cndate}>（{showWeekDaysArr[4] && showWeekDaysArr[4].cnDate}）</div>
           {showWeekDaysArr[4] && showWeekDaysArr[4].isToday && <div className={pageStyle.idtoday}>今</div>}
         </div>
       ),
@@ -688,7 +688,7 @@ class CourseChart extends React.Component {
       title: () => (
         <div className={pageStyle.tableth}>
           <div className={pageStyle.weekday}>{showWeekDaysArr[5] && showWeekDaysArr[5].name}</div>
-          <div className={pageStyle.cndate}>{showWeekDaysArr[5] && showWeekDaysArr[5].cnDate}</div>
+          <div className={pageStyle.cndate}>（{showWeekDaysArr[5] && showWeekDaysArr[5].cnDate}）</div>
           {showWeekDaysArr[5] && showWeekDaysArr[5].isToday && <div className={pageStyle.idtoday}>今</div>}
         </div>
       ),
@@ -802,7 +802,7 @@ class CourseChart extends React.Component {
       title: () => (
         <div className={pageStyle.tableth}>
           <div className={pageStyle.weekday}>{showWeekDaysArr[6] && showWeekDaysArr[6].name}</div>
-          <div className={pageStyle.cndate}>{showWeekDaysArr[6] && showWeekDaysArr[6].cnDate}</div>
+          <div className={pageStyle.cndate}>（{showWeekDaysArr[6] && showWeekDaysArr[6].cnDate}）</div>
           {showWeekDaysArr[6] && showWeekDaysArr[6].isToday && <div className={pageStyle.idtoday}>今</div>}
         </div>
       ),

src/components/CourseChart.less

@@ -34,11 +34,12 @@
 }
 .tableth {
     position: relative;
-    width: 60px;
+    width: 100%;
+    display: flex;
+    align-items: center;
     .weekday {
         font-size: 16px;
         color: #000;
-        font-weight: 700;
     }
     .idtoday {
         position: absolute;