将Toast链接到自定义CSS文件

Question

我是Ionic的新手。我正在尝试改变烤面包的宽度。 它不起作用，并一直显示默认的吐司！ 我在toast.css

中创建了一个名为/theme/custom/的css文件

 . {
  width : 20px;
}

方法如下：

toasterExe(text : string) {
const toast = this.toastCtrl.create({
  message: text,
  position: "top",
  duration: 3000,
  cssClass: "../../theme/custom/toast.css"
});
toast.present();
  }

Answer 1

在 variables.scss

中

添加此行

$toast-width:80%