我试图为 ionic 4 应用程序中的选项卡提供渐变背景。
我还尝试为每个页面设置不同的颜色(渐变)背景。
控制每个页面的 scss 中选项卡的样式。
想要的效果如下。
For <shadow-root>
这表明您使用的浏览器支持 Shadow DOM 技术,因此您可以仅通过其元素访问其元素,因此请尝试以下操作
ion-toolbar {
--ion-background-color: linear-gradient(to right, #... 0%, #... 100%) !important;
}
ion-tab-bar {
--ion-background-color: linear-gradient(to right, #... 0%, #... 100%) !important;
}
如果它不起作用,请检测父亲 - 我称之为 - 或其包装器并将其放在它之前,换句话说
wrapper ion-tab-bar {
--ion-background-color: linear-gradient(to right, #... 0%, #... 100%) !important;
}
包装器指的是包装的元素ion-tab-bar
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)