Skip to content

B
biz.qingxiao.com
Commit d9b20b9c authored by baixian's avatar baixian
Browse files
Options

优化

parent 36437109
Hide whitespace changes
Inline Side-by-side
Showing with 10 additions and 9 deletions
src/components/CourseChart.js
View file @ d9b20b9c
...@@ -117,7 +117,7 @@ class CourseChart extends React.Component { ...@@ -117,7 +117,7 @@ class CourseChart extends React.Component {
title: () => ( title: () => (
<div className={pageStyle.tableth}> <div className={pageStyle.tableth}>
<div className={pageStyle.weekday}>{showWeekDaysArr[0] && showWeekDaysArr[0].name}</div> <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>} {showWeekDaysArr[0] && showWeekDaysArr[0].isToday && <div className={pageStyle.idtoday}>今</div>}
</div> </div>
), ),
...@@ -232,7 +232,7 @@ class CourseChart extends React.Component { ...@@ -232,7 +232,7 @@ class CourseChart extends React.Component {
title: () => ( title: () => (
<div className={pageStyle.tableth}> <div className={pageStyle.tableth}>
<div className={pageStyle.weekday}>{showWeekDaysArr[1] && showWeekDaysArr[1].name}</div> <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>} {showWeekDaysArr[1] && showWeekDaysArr[1].isToday && <div className={pageStyle.idtoday}>今</div>}
</div> </div>
), ),
...@@ -346,7 +346,7 @@ class CourseChart extends React.Component { ...@@ -346,7 +346,7 @@ class CourseChart extends React.Component {
title: () => ( title: () => (
<div className={pageStyle.tableth}> <div className={pageStyle.tableth}>
<div className={pageStyle.weekday}>{showWeekDaysArr[2] && showWeekDaysArr[2].name}</div> <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>} {showWeekDaysArr[2] && showWeekDaysArr[2].isToday && <div className={pageStyle.idtoday}>今</div>}
</div> </div>
), ),
...@@ -460,7 +460,7 @@ class CourseChart extends React.Component { ...@@ -460,7 +460,7 @@ class CourseChart extends React.Component {
title: () => ( title: () => (
<div className={pageStyle.tableth}> <div className={pageStyle.tableth}>
<div className={pageStyle.weekday}>{showWeekDaysArr[3] && showWeekDaysArr[3].name}</div> <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>} {showWeekDaysArr[3] && showWeekDaysArr[3].isToday && <div className={pageStyle.idtoday}>今</div>}
</div> </div>
), ),
...@@ -574,7 +574,7 @@ class CourseChart extends React.Component { ...@@ -574,7 +574,7 @@ class CourseChart extends React.Component {
title: () => ( title: () => (
<div className={pageStyle.tableth}> <div className={pageStyle.tableth}>
<div className={pageStyle.weekday}>{showWeekDaysArr[4] && showWeekDaysArr[4].name}</div> <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>} {showWeekDaysArr[4] && showWeekDaysArr[4].isToday && <div className={pageStyle.idtoday}>今</div>}
</div> </div>
), ),
...@@ -688,7 +688,7 @@ class CourseChart extends React.Component { ...@@ -688,7 +688,7 @@ class CourseChart extends React.Component {
title: () => ( title: () => (
<div className={pageStyle.tableth}> <div className={pageStyle.tableth}>
<div className={pageStyle.weekday}>{showWeekDaysArr[5] && showWeekDaysArr[5].name}</div> <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>} {showWeekDaysArr[5] && showWeekDaysArr[5].isToday && <div className={pageStyle.idtoday}>今</div>}
</div> </div>
), ),
...@@ -802,7 +802,7 @@ class CourseChart extends React.Component { ...@@ -802,7 +802,7 @@ class CourseChart extends React.Component {
title: () => ( title: () => (
<div className={pageStyle.tableth}> <div className={pageStyle.tableth}>
<div className={pageStyle.weekday}>{showWeekDaysArr[6] && showWeekDaysArr[6].name}</div> <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>} {showWeekDaysArr[6] && showWeekDaysArr[6].isToday && <div className={pageStyle.idtoday}>今</div>}
</div> </div>
), ),
......
src/components/CourseChart.less
View file @ d9b20b9c
...@@ -34,11 +34,12 @@ ...@@ -34,11 +34,12 @@
} }
.tableth { .tableth {
position: relative; position: relative;
width: 60px; width: 100%;
display: flex;
align-items: center;
.weekday { .weekday {
font-size: 16px; font-size: 16px;
color: #000; color: #000;
font-weight: 700;
} }
.idtoday { .idtoday {
position: absolute; position: absolute;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment