gpt4 book ai didi

css - 如何重新计算 ionic 排的高度

转载 作者:行者123 更新时间:2023-11-28 02:13:44 26 4
gpt4 key购买 nike

我正在开发一个应用程序,其中某个时间会生成一个列表,请参阅:

enter image description here

CSS layer 类填充了 ion-footer 旁边的部分,但是当列表增长太多时该类无法正常工作,请参阅:

enter image description here

我该如何解决这个问题?它遵循 CSS 类,但我认为问题不在于它,而在于 Ionic 本身。

ion-content

<ion-content class="background">
<ion-grid class="layer">
<ion-row>
<ion-col col-12>
<div class="title">
<p>
<strong>Listas de exercícios ({{amountList}})</strong>
</p>
</div>
</ion-col>
<ion-col>
<ion-list>
<button ion-item *ngFor="let exercise of exercises" (click)="itemSelected(exercise.id)">
{{ exercise.name }}
</button>
</ion-list>
</ion-col>
</ion-row>
</ion-grid>
</ion-content>

CSS

.background {
background: url(../assets/imgs/bg.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

.layer {
background-color: rgba(104, 101, 101, 0.7);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

最佳答案

也许您想为 ionic 列表使用 ionic 卷轴

关于css - 如何重新计算 ionic 排的高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48604134/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com