Ionic 4 标签样式

2024-01-24

我试图为 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(使用前将#替换为@)

Ionic 4 标签样式 的相关文章

随机推荐