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

src/app/my/add-task/add-task.component.html

@@ -2,7 +2,7 @@
   <!-- <div Button (onClick)="showAlert()">customized buttons</div> -->
   <div class="top">
     <div class="head">
-      <h3 (click)="goBack()">&lt;</h3>
+      <h3 (click)="goBack()" style="position: absolute;left: 10px;">&lt;</h3>
       <h3>新建日程</h3>
       <div></div>
       <!-- <div id="add_calendar_wrapper">

src/app/my/add-task/add-task.component.scss

@@ -4,12 +4,12 @@ ul,ol{
 
 .todo_wrapper{
     background: #fff;
-    padding-bottom: 60px;
+    // padding-bottom: 60px;
     .top{
         .head{
             display: flex;
             height: 45px;
-            justify-content: space-between;
+            justify-content: center;
             align-items: center;
             padding: 0 8px;
            
@@ -128,7 +128,7 @@ ul,ol{
     background: #1b5b99;
     color: #fff;
     text-align: center;
-    position: fixed;
+    // position: fixed;
     bottom: 0;
     font-size: 20px;
     font-weight: bold;

src/app/my/score-details/score-details.component.html

 <div class="scoreDetail_wrapper">
   <div class="head">
-    <div class="title">战绩</div>
+    <div class="title">{{salesScoreDetails?.name}}战绩</div>
     <div class="top">
       <div style="font-size: 16px;font-family:'Source Han Sans CN'">
         活动量分值详情
@@ -31,7 +31,7 @@
       </ul>
     </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>
\ No newline at end of file

src/app/my/score-details/score-details.component.scss

@@ -2,7 +2,7 @@ ul ,ol{
     list-style: none;
 }
 .scoreDetail_wrapper{
-    padding: 10px 0;
+    padding:0 0 10px 0;
     height: 100%;
     .head{
         .title{
@@ -10,7 +10,7 @@ ul ,ol{
             text-align: center;
             height: 60px;
             line-height: 60px;
-            background: #1B5B99FF;
+            background: #1b5b99;
             color: #fff;
             font-size: 18px;
             font-weight: bold;
@@ -29,8 +29,8 @@ ul ,ol{
                 color: #333333FF;
                 li.selected{
                     font-weight: bold;
-                    border-bottom: 2px #F8002EFF solid;
-                    color: #F8002EFF;
+                    border-bottom: 2px #F8002E solid;
+                    color: #F8002E;
                 }
             }
         }

src/app/my/score-details/score-details.component.ts

@@ -68,11 +68,11 @@ export class ScoreDetailsComponent implements OnInit {
                     show: true
                 },
                 data: [
-                    {value: this.salesScoreDetails.saleScore, name: '营销',itemStyle:{color:'#CF3153FF'}},
-                    {value: this.salesScoreDetails.coachScore, name: '辅导',itemStyle:{color:'#F1C13FFF'}},
-                    {value: this.salesScoreDetails.meetingScore, name: '会议',itemStyle:{color:'#34A0BEFF'}},
-                    {value: this.salesScoreDetails.trainScore, name: '培训',itemStyle:{color:'#5C66ADFF'}},
-                    {value: this.salesScoreDetails.recruitScore, name: '增员',itemStyle:{color:'#00447AFF'}}
+                    {value: this.salesScoreDetails.saleScore, name: '营销',itemStyle:{color:'#CF3153'}},
+                    {value: this.salesScoreDetails.coachScore, name: '辅导',itemStyle:{color:'#F1C13F'}},
+                    {value: this.salesScoreDetails.meetingScore, name: '会议',itemStyle:{color:'#34A0BE'}},
+                    {value: this.salesScoreDetails.trainScore, name: '培训',itemStyle:{color:'#5C66AD'}},
+                    {value: this.salesScoreDetails.recruitScore, name: '增员',itemStyle:{color:'#00447A'}}
                 ]
             }
         ]

src/app/my/team-sales-score/team-sales-score.component.scss

@@ -102,19 +102,19 @@
                 ul:nth-child(2){
                     background: #feccd5;
                     li span{
-                        color: #F8002EFF;
+                        color: #f8002e;
                     }
                 }
                 ul:nth-child(3){
                     background: #d1deeb;
                     li span{
-                        color: #1B5B99FF;
+                        color: #1b5b99;
                     }
                 }
                 ul:nth-child(4){
                     background: #fff4da;
                     li span{
-                        color: #FAB218FF;
+                        color: #fab218;
                     }
                 }
             }

src/app/my/todo-list/todo-list.component.html

 <div class="todo_wrapper">
   <div class="top">
     <div class="head">
-      <h3 (click)="goBack()">&lt;</h3>
+      <h3 (click)="goBack()" style="position: absolute;left: 10px;">&lt;</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'">
           <ListItem (onClick)="clickCalendar()">
             <img src="assets/images/date_icon.png" />

src/app/my/todo-list/todo-list.component.scss

@@ -9,7 +9,7 @@ ul,ol{
         .head{
             display: flex;
             height: 50px;
-            justify-content: space-between;
+            justify-content: center;
             align-items: center;
             padding: 0 8px;
             border-bottom: 1px #eeeeee solid;