需要将离子卡放在离子头上

问题描述

我只是想在离子头上方显示离子卡，但它不起作用。

我已经添加了我的 html 代码和 css 代码。任何人都可以帮助我我被困了 2 天

ion-toolbar{
    --background:#aac9ff;
    color: #FFFFFF;
    padding-bottom: 200px;
    border-radius: 0 0 20% 20%;
}
.date {
    margin-top: -180px;
    z-index: 10;
    padding: 6px;
    Box-shadow: none;
    Box-shadow: 0px 3px 45px 0px rgb(0 0 0 / 16%);
    border-radius: 40px;
    overflow: visible;
}

<ion-header [translucent]="true" class="ion-no-border">
  <ion-toolbar>
    <ion-title>
      Age Calculator
    </ion-title>
  </ion-toolbar>
</ion-header>

<ion-content [fullscreen]="true" padding>

  <div id="container">
    <ion-card class="date">
      <ion-row>
        <ion-col size="12">Today Date</ion-col>
        <ion-col size="12">
          <ion-item lines="none">
            <ion-icon name="calendar-outline" slot="start"></ion-icon>
            <ion-label>
              <ion-datetime placeholder="23-07-2020"  [(ngModel)]="currentDate" display-format="DD-MM-YYYY"></ion-datetime>
            </ion-label>
            <ion-icon name="chevron-forward" slot="end"></ion-icon>
          </ion-item>
        </ion-col>
      </ion-row>
      </ion-card>
      </div>
      </ion-content>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

html ionic-framework ionic2