【问题标题】:Ionic 3 - Change opacity of modal background?Ionic 3 - 改变模态背景的不透明度?
【发布时间】:2018-03-03 07:31:05
【问题描述】:

目前激活的 Ionic Modal 背景的不透明度为 0.4,我想更改它。

【问题讨论】:

    标签: css angular typescript sass ionic3


    【解决方案1】:

    您可以使用下面的Sass variable 轻松完成。

    variables.scss

    $modal-inset-box-shadow-color: rgba(0, 0, 0, .4)
    

    注意:根据需要更改第四个参数(即.4

    这里是the doc

    【讨论】:

    • 太好了,我正在寻找那个变量!你是怎么找到的?
    • 我刚刚对此进行了测试,但实际上并没有用。 $modal-inset-box-shadow-color: rgba(45, 41, 78, .7); $modal-ios-background-color: rgba(45, 41, 78, .7); $modal-md-background-color:rgba(45, 41, 78, .7);与众不同
    • 对我来说也一样,文档没有报告任何 sass 变量来覆盖该参数
    • 您是在android 还是ios 上进行测试?
    • 我试过了,但它不起作用。查看 Ionic 代码库github.com/ionic-team/ionic/… 似乎声明了变量$modal-inset-box-shadow-color 但从未使用过。不透明度的值从 js 代码 github.com/ionic-team/ionic/blob/… 设置为动画的最终值。所以我认为在不破坏动画的情况下不可能覆盖它。
    猜你喜欢
    • 2012-12-01
    • 2018-08-24
    • 1970-01-01
    • 2019-07-27
    • 2016-12-16
    • 1970-01-01
    • 1970-01-01
    • 2015-06-15
    • 2012-09-20
    相关资源
    最近更新 更多