Angular material 如何自定义mdToast(到中心)
角度材料Angular material 如何自定义mdToast(到中心),angular-material,Angular Material,角度材料mdToast维修文档显示,位置可以是底部、左侧、顶部、右侧、适合的任意组合。 如何定制吐司以显示在“顶部中间”位置? 这个'fit'选项用于什么?将演示代码更改为下面的代码没有帮助 $mdToast.simple() .content('Simple Toast!') .position('fit') .hideDelay(3000) 如果你想把吐司放在中间,只需加上 md-toast.md-top { left: 50%;
mdToast
维修文档显示,位置可以是底部、左侧、顶部、右侧、适合的任意组合。
如何定制吐司以显示在“顶部中间”
位置?
这个'fit'
选项用于什么?将演示代码更改为下面的代码没有帮助
$mdToast.simple()
.content('Simple Toast!')
.position('fit')
.hideDelay(3000)
如果你想把吐司放在中间,只需加上
md-toast.md-top {
left: 50%;
margin-left: -150px;
}
到你的CSS,你都设置好了-150是我的吐司宽度的一半最新版本(1.0.0稳定版),就是这样做的:
将以下内容添加到CSS中
md-toast.md-center {
left: 50%;
transform: translate3d(-50%, 0, 0);
}
这是给你的朋友的
$mdToast.simple()
.textContent(message)
.position('top center') // or 'bottom center
.show();
mdToast没有“中心”位置有什么原因吗?这可能会有帮助,Dude:-看看^Please+1上面的GitHub问题,如果你还没有。这应该更容易…它的到来-它的工作与toastClass方法和这种风格的我,谢谢!