html - 如何在 ion-item 中修改 .item-native 类？

Question

我正在尝试从 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%;
    }
}

Answer 1

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

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