如何解决离子吐司Scss类-Angular-android
我正在使用Ionic 5,Angular和Cordova。我有一家采用全球吐司方法的服务提供商,代码如下:
replace
我用不同的成分称呼烤面包,如下:
GlobalToast(text: string) {
// creating a toast for global use throughout the app
this.toast = this.toastController.create({
message: text,cssClass: 'my-toast-class',animated: true,duration: 370}).then((toastData) => {
toastData.present();
});
}
我的scss设置在global.scss文件中,代码如下:
this.newFavAppService.GlobalToast(this.translate.instant('Favourites.Added'));
this.newFavAppService.GlobalToast(this.translate.instant('Favourites.Removed'));
该Toast在ios上工作(发行版和调试版),并且仅在android调试版上工作。一旦我构建了要在android上发布的应用程序,吐司就不再显示了。也许我还要补充一点,如果我删除global.scss类中的代码,则吐司将与基本的scss一起使用,它是在开始时给出的。我认为这表明我在android上发布发行版时global.scss文件有问题。
请问有人对此有解决方案吗?
解决方法
我不确定这是否是正确的方法,但我所做的是:
@media screen {
ion-toast.toast-custom-class {
--border-radius: 30px !important;
--text-align: center !important;
--background-color: #676767 !important;
text-align: center;
}
}
在我的 global.scss 文件的底部。到目前为止,它适用于我的 Android 和网络,不确定 IOS。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。