Commit d9b72198 by sunchao

战队详情页&添加任务页样式修改

parent d71989c3
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
<!-- <div Button (onClick)="showAlert()">customized buttons</div> --> <!-- <div Button (onClick)="showAlert()">customized buttons</div> -->
<div class="top"> <div class="top">
<div class="head"> <div class="head">
<h3 (click)="goBack()">&lt;</h3> <h3 (click)="goBack()" style="position: absolute;left: 10px;">&lt;</h3>
<h3>新建日程</h3> <h3>新建日程</h3>
<div></div> <div></div>
<!-- <div id="add_calendar_wrapper"> <!-- <div id="add_calendar_wrapper">
......
...@@ -4,12 +4,12 @@ ul,ol{ ...@@ -4,12 +4,12 @@ ul,ol{
.todo_wrapper{ .todo_wrapper{
background: #fff; background: #fff;
padding-bottom: 60px; // padding-bottom: 60px;
.top{ .top{
.head{ .head{
display: flex; display: flex;
height: 45px; height: 45px;
justify-content: space-between; justify-content: center;
align-items: center; align-items: center;
padding: 0 8px; padding: 0 8px;
...@@ -128,7 +128,7 @@ ul,ol{ ...@@ -128,7 +128,7 @@ ul,ol{
background: #1b5b99; background: #1b5b99;
color: #fff; color: #fff;
text-align: center; text-align: center;
position: fixed; // position: fixed;
bottom: 0; bottom: 0;
font-size: 20px; font-size: 20px;
font-weight: bold; font-weight: bold;
......
<div class="scoreDetail_wrapper"> <div class="scoreDetail_wrapper">
<div class="head"> <div class="head">
<div class="title">战绩</div> <div class="title">{{salesScoreDetails?.name}}战绩</div>
<div class="top"> <div class="top">
<div style="font-size: 16px;font-family:'Source Han Sans CN'"> <div style="font-size: 16px;font-family:'Source Han Sans CN'">
活动量分值详情 活动量分值详情
...@@ -31,7 +31,7 @@ ...@@ -31,7 +31,7 @@
</ul> </ul>
</div> </div>
<div style="height: 35px;line-height: 35px;margin: 10px auto 0 auto;">数据分析:</div> <div style="height: 35px;line-height: 35px;margin: 10px auto 0 auto;">数据分析:</div>
<div echarts [options]="chartOption" class="chart" style="height: 300px;"></div> <div echarts [options]="chartOption" class="chart" style="height: 250px;"></div>
</div> </div>
</div> </div>
\ No newline at end of file
...@@ -2,7 +2,7 @@ ul ,ol{ ...@@ -2,7 +2,7 @@ ul ,ol{
list-style: none; list-style: none;
} }
.scoreDetail_wrapper{ .scoreDetail_wrapper{
padding: 10px 0; padding:0 0 10px 0;
height: 100%; height: 100%;
.head{ .head{
.title{ .title{
...@@ -10,7 +10,7 @@ ul ,ol{ ...@@ -10,7 +10,7 @@ ul ,ol{
text-align: center; text-align: center;
height: 60px; height: 60px;
line-height: 60px; line-height: 60px;
background: #1B5B99FF; background: #1b5b99;
color: #fff; color: #fff;
font-size: 18px; font-size: 18px;
font-weight: bold; font-weight: bold;
...@@ -29,8 +29,8 @@ ul ,ol{ ...@@ -29,8 +29,8 @@ ul ,ol{
color: #333333FF; color: #333333FF;
li.selected{ li.selected{
font-weight: bold; font-weight: bold;
border-bottom: 2px #F8002EFF solid; border-bottom: 2px #F8002E solid;
color: #F8002EFF; color: #F8002E;
} }
} }
} }
......
...@@ -68,11 +68,11 @@ export class ScoreDetailsComponent implements OnInit { ...@@ -68,11 +68,11 @@ export class ScoreDetailsComponent implements OnInit {
show: true show: true
}, },
data: [ data: [
{value: this.salesScoreDetails.saleScore, name: '营销',itemStyle:{color:'#CF3153FF'}}, {value: this.salesScoreDetails.saleScore, name: '营销',itemStyle:{color:'#CF3153'}},
{value: this.salesScoreDetails.coachScore, name: '辅导',itemStyle:{color:'#F1C13FFF'}}, {value: this.salesScoreDetails.coachScore, name: '辅导',itemStyle:{color:'#F1C13F'}},
{value: this.salesScoreDetails.meetingScore, name: '会议',itemStyle:{color:'#34A0BEFF'}}, {value: this.salesScoreDetails.meetingScore, name: '会议',itemStyle:{color:'#34A0BE'}},
{value: this.salesScoreDetails.trainScore, name: '培训',itemStyle:{color:'#5C66ADFF'}}, {value: this.salesScoreDetails.trainScore, name: '培训',itemStyle:{color:'#5C66AD'}},
{value: this.salesScoreDetails.recruitScore, name: '增员',itemStyle:{color:'#00447AFF'}} {value: this.salesScoreDetails.recruitScore, name: '增员',itemStyle:{color:'#00447A'}}
] ]
} }
] ]
......
...@@ -102,19 +102,19 @@ ...@@ -102,19 +102,19 @@
ul:nth-child(2){ ul:nth-child(2){
background: #feccd5; background: #feccd5;
li span{ li span{
color: #F8002EFF; color: #f8002e;
} }
} }
ul:nth-child(3){ ul:nth-child(3){
background: #d1deeb; background: #d1deeb;
li span{ li span{
color: #1B5B99FF; color: #1b5b99;
} }
} }
ul:nth-child(4){ ul:nth-child(4){
background: #fff4da; background: #fff4da;
li span{ li span{
color: #FAB218FF; color: #fab218;
} }
} }
} }
......
<div class="todo_wrapper"> <div class="todo_wrapper">
<div class="top"> <div class="top">
<div class="head"> <div class="head">
<h3 (click)="goBack()">&lt;</h3> <h3 (click)="goBack()" style="position: absolute;left: 10px;">&lt;</h3>
<h3>今日任务</h3> <h3>今日任务</h3>
<div id="add_calendar_wrapper"> <div id="add_calendar_wrapper" style="position: absolute;right: 0;">
<List className="calendar-list" style="backgroundColor: 'white'"> <List className="calendar-list" style="backgroundColor: 'white'">
<ListItem (onClick)="clickCalendar()"> <ListItem (onClick)="clickCalendar()">
<img src="assets/images/date_icon.png" /> <img src="assets/images/date_icon.png" />
......
...@@ -9,7 +9,7 @@ ul,ol{ ...@@ -9,7 +9,7 @@ ul,ol{
.head{ .head{
display: flex; display: flex;
height: 50px; height: 50px;
justify-content: space-between; justify-content: center;
align-items: center; align-items: center;
padding: 0 8px; padding: 0 8px;
border-bottom: 1px #eeeeee solid; border-bottom: 1px #eeeeee solid;
......
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