用ionic2+angularjs4做混合開發(fā),使用<ion-list>標(biāo)簽進(jìn)行布局.小圓圈部分和列表部分都是<ion-list>布的局,但是真機(jī)測試的時候發(fā)現(xiàn)安卓真機(jī)出現(xiàn)當(dāng)前視圖下小圓圈顯示正常,不在當(dāng)前視圖下的小圓圈被遮擋.請大神指點(diǎn)一下.下面是部分代碼

<ion-list no-lines class="listSty">

  <div *ngFor="let item of classDate;" style="margin-left: 10px">
    <ion-item no-padding class="itemSty backgroundImgDiv" *ngIf="item.themeStatus != 'TRS_003'">
      <div class="backgroundImgDiv"
           [class.backgroundYellowImg]="item.themeStatus != 'TRS_003'">
        <div class="numLabel">NO.{{item.lessonOrder | number : '2.0'}}</div>
        <div class="dataLabel">{{item.lessonDate | date:'MM月dd日'}}</div>
      </div>
    </ion-item>
  </div>
</ion-list>

<!--主題列表-->
<ion-list [reorder] = allowChange (ionItemReorder)="reorderItems($event)" no-lines>
  <div *ngFor="let classItem of classInformation;">
    <ion-item  style="margin-top: 10px; height: 70px;" *ngIf="classItem.themeStatus != 'TRS_003'">
      <div class="textLabel changeCol">
        {{classItem.themeName}}
      </div>
    </ion-item>
  </div>
</ion-list>