鍍金池/ 問答/Python  HTML/ ionic2 關(guān)于ion-list渲染問題

ionic2 關(guān)于ion-list渲染問題

圖片描述

用ionic2+angularjs4做混合開發(fā),使用<ion-list>標簽進行布局.小圓圈部分和列表部分都是<ion-list>布的局,但是真機測試的時候發(fā)現(xiàn)安卓真機出現(xià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>
回答
編輯回答
九年囚

這個問題解決了.使用了2個<ion-list>把其中一個拖拽樣式給改變了.成功解決了這個問題

2017年11月25日 19:35