背景图片的bug修复

src/pages/home/learning/learning-do/learning-do.html

@@ -10,6 +10,7 @@
 
 <ion-content>
     <div class="main-container">
+        <img class="bgc" src="../assets/imgs/learn/learning_background.png">
         <ion-slides (ionSlideDidChange)="slideChanged()">
             <ion-slide *ngFor="let item of list;let i = index;">
                 <div class="learn-item">

src/pages/home/learning/learning-do/learning-do.scss

 page-learning-do {
   .main-container {
     height: calc(100% - 8rem);
-    background: #e6e8ed url(../assets/imgs/learn/learning_background.png) no-repeat;
-    padding: 1.5rem;
+    background-color: #e6e8ed ;
+    padding: 1.8rem;
+  }
+  .bgc{
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: 0;
+  }
+  .learn-item {
+    height: 100%;
+    width: 100%;
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: 2;
   }
   .swiper-slide, .slide-zoom {
     text-align: left;
@@ -11,9 +25,6 @@ page-learning-do {
     justify-content: normal;
     align-items: normal;
   }
-  .learn-item {
-    height: 100%;
-  }
   .learn-title {
     background-color: rgba(18, 28, 52, 0.34);
     font-size: 1.8rem;
@@ -25,7 +36,7 @@ page-learning-do {
   }
   .item-container {
     background-color: #fff;
-    height: calc(100% - 8rem);
+    height: calc(100% - 4rem);
     border-bottom-left-radius: .8rem;
     border-bottom-right-radius: .8rem;
     overflow-y: scroll;

src/pages/home/learning/learning-list/learning-list.html

@@ -22,7 +22,7 @@
             <ion-list>
                 <ng-container *ngFor="let item of list">
                     <ion-item class="item-list margin-bottom-10">
-                        <div class="item" (click)="goToResult(item)">
+                        <div class="item" >
                             <div class="item-header padding-15-0">
                                 <div class="item-header-style">
                                     <span class="item-title">{{item.title}}</span>
@@ -35,8 +35,15 @@
                             <div class="content-button padding-15-0">
                                 <span>参与人员:</span>
                                 <span *ngIf="item.testObject">{{item.testObject}}</span>
-                                <span *ngIf="item.testResult != 0" float-right class="look">查看</span>
-                                <span *ngIf="item.testResult == 0" float-right class="join">测试</span>
+                                <span *ngIf="item.testResult != 0" (click)="goToRank(item)" float-right class="look">TOP5排行榜</span>
+                                <span *ngIf="item.testResult != 0" (click)="goToResult(item)" float-right class="look">查看结果</span>
+                                <span *ngIf="item.testResult == 0" (click)="goToResult(item)" float-right class="join">测试</span>
+                            </div>
+                            <div class="content-button padding-15-0">
+                                <span>重复测试：</span>
+                                <span>允许</span>
+                                <span float-right>最高分：100</span>
+                                <span float-right>排名：1</span>
                             </div>
                         </div>
                     </ion-item>

src/pages/home/learning/learning-list/learning-list.ts

@@ -6,6 +6,7 @@ import {DatePipe} from "@angular/common";
 import {LearningResultPage} from "../learning-result/learning-result";
 import {TabsService} from "../../../tabs/tabs.service";
 import {CommonService} from "../../../../service/common.service";
+import {RankPage} from "../rank/rank";
 
 
 @IonicPage()
@@ -123,6 +124,7 @@ export class LearningListPage {
         this.index = index;
     }
 
+    //去测试or结果
     goToResult(item) {
         if(item.testResult == 0){
             this.navCtrl.push("LearningExplainPage", {
@@ -134,9 +136,9 @@ export class LearningListPage {
                 title:item.title
             })
         }
-
-
     }
 
-
+    goToRank(item){
+        this.navCtrl.push('RankPage')
+    }
 }

src/pages/home/learning/learning-result/learning-result.html

@@ -7,6 +7,7 @@
 
 <ion-content>
     <div class="main-container">
+        <img class="bgc" src="../assets/imgs/learn/learning_background.png">
         <div class="learn-item">
             <div class="learn-title">{{title}}</div>
             <ng-container *ngIf="result?.markStatus == 0">

src/pages/home/learning/learning-result/learning-result.scss

@@ -4,8 +4,22 @@ page-learning-result {
   }
   .main-container {
     height: 100%;
-    background: #e6e8ed url(../assets/imgs/learn/learning_background.png) no-repeat;
-    padding: 1.5rem;
+    background-color: #e6e8ed ;
+  }
+  .bgc{
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: 0;
+  }
+  .learn-item {
+    height: 100%;
+    width: 100%;
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: 2;
+    padding: 2rem;
   }
   .swiper-slide, .slide-zoom {
     text-align: left;
@@ -14,9 +28,6 @@ page-learning-result {
     justify-content: normal;
     align-items: normal;
   }
-  .learn-item {
-    height: 100%;
-  }
   .learn-title {
     background-color: rgba(18, 28, 52, 0.34);
     font-size: 1.8rem;

src/pages/home/learning/review-learn/review-learn.html

-<!--测试题目结果-->
-<!--测试页面-->
+
 <ion-header>
   <ion-navbar>
     <ion-title>学习测试</ion-title>
@@ -8,6 +7,7 @@
 
 <ion-content>
   <div class="main-container">
+    <img class="bgc" src="../assets/imgs/learn/learning_background.png">
     <ion-slides (ionSlideDidChange)="slideChanged()">
       <ion-slide *ngFor="let item of list;let i = index">
         <div class="learn-item">

src/pages/home/learning/review-learn/review-learn.scss

 page-review-learn {
   .main-container {
     height: calc(100% - 8rem);
-    background: #e6e8ed url(../assets/imgs/learn/learning_background.png) no-repeat;
-    padding: 1.5rem;
+    background-color: #e6e8ed ;
+    padding: 1.8rem;
+  }
+  .bgc{
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: 0;
   }
   .swiper-slide, .slide-zoom {
     text-align: left;
@@ -13,6 +19,11 @@ page-review-learn {
   }
   .learn-item {
     height: 100%;
+    width: 100%;
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: 2;
   }
   .learn-title {
     background-color: rgba(18, 28, 52, 0.34);
@@ -25,7 +36,7 @@ page-review-learn {
   }
   .item-container {
     background-color: #fff;
-    height: calc(100% - 8rem);
+    height: calc(100% - 4rem);
     border-bottom-left-radius: .8rem;
     border-bottom-right-radius: .8rem;
     overflow-y: scroll;