如何在 Ionic 中使标题的底角变圆

Question

我试图在下面实现这样的标头。

圆角底角

这是我的解决方案，

ion-content {
--background: #817afb; 
}
div.main {
height: 100%;
background-color: white;
border-radius: 20px 20px 0px 0px;
overflow: auto;
}

<ion-content fullscreen>
<div class="main">
....
</div>
</ion-content>

当我尝试使用离子刷新器和离子无限滚动时，它不能很好地工作。有人有解决方案建议吗？

Answer 1

ion-content {
--background: #817afb; 
}
.main {
enter code here
height: 100%;
width: 100%;
background-color: white;
border-radius: 20px 20px 0px 0px;
overflow: auto;
position: absolute;
top: 40px !important;

}