离子：旋转器的多个加载背景

Question

加载时我在不同的页面中有两个微调器

第一个微调器（abc.js）：

  $ionicLoading.show({noBackdrop: true, duration: 1888,
   template: '<ion-spinner icon="android" class="spinner-balanced"></ion-spinner> <br/>Loading',

});

第二个微调器（cde.js）：

 $ionicLoading.show({noBackdrop: true, duration: 1888,
   template: '<ion-spinner icon="dots" class="spinner-balanced"></ion-spinner> <br/>Loading',

});

第一个微调器（abc.css）的css是

.loading{
  background-color:lightsteelblue!important;
}

和第二个带有背景颜色的微调器（cde.css）：

.loading{
  background-color:red!important;
}

但是，第二个背景始终会覆盖第一个微调器。 如何让两个微调器分别有自己的背景颜色？

Answer 1

尝试将z-index添加到微调器中。然后在'顶部'微调器上，给它一个透明的背景颜色。然后更改'顶部'微调器描边属性。

loading-md .spinner-crescent circle {
    stroke: red;
}