離子卡項目文本不顯示在Android 5

我正在使用離子卡來顯示一些報告和統計（與chartjs）。它完美的瀏覽器和Android 4.4.2，但文本沒有顯示在應用程序的安卓5. 屏幕截圖在Android 4.4.2運行：應用程序的離子卡項目文本不顯示在Android 5

屏幕截圖在Android上運行5 ：

這裏是我的規格：
離子五：2.1.1
科爾多瓦五：6.3.1
的NodeJS五：v4.2.6

這裏是我的代碼：

<div class="row"> 
    <div class="col"> 
     <div class="list card"> 

     <a class="item item-icon-left bg-blue color-white"> 
      <i class="icon ion-pricetag"></i> 
      CA 
     </a> 

     <div class="row"> 
      <div class="col col-40 clotureInfo"> 
      <div class="row light-bg"> 
       <div class="col col-50"> 
       <a class="item">CA Global</a> 
       </div> 
       <div class="col col-50"> 
       <a class="item price"> {{globalData.caGlobal}}€</a> 
       </div> 
      </div> 
      <div class="row"> 
       <div class="col col-10"> <a class="item"> <i class="icon ion-arrow-right-c"></i></a></div> 
       <div class="col col-40"> 
       <a class="item"> Vente directes</a> 
       </div> 
       <div class="col col-50"> 
       <a class="item price"> {{globalData.venteDirecte}}€</a> 
       </div> 
      </div> 
      <div class="row light-bg"> 
       <div class="col col-10"></div> 
       <div class="col col-40"> 
       <a class="item"> Nb tickets</a> 
       </div> 
       <div class="col col-50"> 
       <a class="item price"> {{globalData.nbTickets}}</a> 
       </div> 
      </div> 
      <div class="row"> 
       <div class="col col-10"></div> 
       <div class="col col-40"> 
       <a class="item"> Tickets moyen</a> 
       </div> 
       <div class="col col-50"> 
       <a class="item price" ng-if="globalData.nbTickets>0"> {{(globalData.venteDirecte/globalData.nbTickets).toFixed(2)}}€</a> 
       <a class="item price" ng-if="globalData.nbTickets==0"> 0</a> 
       </div> 
      </div> 

      <div class="row light-bg"> 
       <div class="col col-10"> <a class="item"> <i class="icon ion-arrow-right-c"></i></a></div> 
       <div class="col col-40"> 
       <a class="item"> Vente resto</a> 
       </div> 
       <div class="col col-50"> 
       <a class="item price"> {{globalData.venteResto}}€</a> 
       </div> 
      </div> 
      <div class="row"> 
       <div class="col col-10"></div> 
       <div class="col col-40"> 
       <a class="item"> Nb couverts</a> 
       </div> 
       <div class="col col-50"> 
       <a class="item price"> {{globalData.nbCouverts}}</a> 
       </div> 
      </div> 
      <div class="row light-bg"> 
       <div class="col col-10"></div> 
       <div class="col col-40"> 
       <a class="item"> Moy couverts</a> 
       </div> 
       <div class="col col-50"> 
       <a class="item price"> {{(globalData.venteResto/globalData.nbCouverts).toFixed(2)}}€</a> 
       </div> 
      </div> 
      </div> 

      <div class="col col-50"> 
      <canvas id="pie" class="chart chart-pie" 
       chart-data="data" chart-labels="labels" chart-options="options" chart-colors="globalData.colors2"> 
      </canvas> 
      </div> 
      <div class="col col-10"> 
      <p class="rec-color"> <span ng-style="{background: globalData.colors2[0]}"></span> Vente resto </p> 
      <p class="rec-color"> <span ng-style="{background: globalData.colors2[1]}"></span> Vente directe</p> 
      </div> 
     </div> 

     </div> 
    </div> 
    </div>

我試圖表明使用CSS樣式使用的z-index和色彩與文本很重要，但它deosn't工作！

來源

2016-11-09 RaisoMos

那裏有一個css類「卡」和chartjs之間的衝突。
它的工作在這兩種情況：

當我刪除了chartjs帆布
當我刪除了卡css類

所以我刪除的卡，我用一個自定義的CSS代碼。

但爲什麼它在Android 4.4.2上正常工作，並且在Android 5上有一個錯誤？

來源

2016-11-09 15:49:53 RaisoMos

離子卡項目文本不顯示在Android 5

回答

相關問題