【问题标题】:How can I modify class .item-native inside ion-item?如何在 ion-item 中修改 .item-native 类?
【发布时间】:2020-05-11 11:57:17
【问题描述】:

我正在尝试从 ion-item 修改类 .item-native 但没有任何效果。我知道 .item-native 是什么让我的地图高度低。 如果无法修改 .item-native 我该怎么做才能增加地图的大小?

这是我的 scss 文件:

ion-item {
    .item-native {
        height: 100%;
    }
}
 <ion-item class="abrir-mapa">
        <div class="abrir-mapa" #map id="map"></div> 
      </ion-item>

也试过了。

.abrir-mapa {
    height: 25rem;

    .item-native {
        height: 100%;
    }
}

【问题讨论】:

  • 顺便说一句,这是由于烦人的“Shadow DOM”。
  • 我可以通过将 index.html 从 http:// 更改为 https:// 来修复它,以便它在设备上工作。

标签: html angular ionic-framework sass


【解决方案1】:

我找到了解决方案。 我没有将 ion-item 替换为 div 。

.abrir-mapa {
    height: 25rem;
    width: 100%;
}

【讨论】:

    猜你喜欢
    • 2019-08-01
    • 2019-06-21
    • 1970-01-01
    • 2020-12-11
    • 2017-04-08
    • 2021-08-05
    • 2019-06-03
    • 2018-11-02
    • 1970-01-01
    相关资源
    最近更新 更多