离子项目切断绝对定位的元素

时间:2019-01-17 21:41:12

标签: ionic-framework ionic3

ion-item剪切了我绝对定位的图像。将离子项目溢出置于自动状态并没有带来任何好处...

示例

enter image description here

代码

<ion-item-sliding class="itemBooksContainer" #slidingBooks>
        <ion-item item-wrap class="itemBooks">
          <ion-icon ios="ios-paper" md="md-paper" item-start></ion-icon>
          <strong>{{ "STATISTICS.books" | translate }}</strong>
          <strong item-end>{{ currentMonthDataBooks }}</strong>
          <span class="swipeHand" *ngIf="showFinger">
            <img height="100" src="../../assets/img/swipeHand.png" alt="Swipe">
          </span>
        </ion-item>
        <ion-item-options side="left">
          <button ion-button color="danger" icon-only (click)="substractBooks()"><ion-icon ios="ios-remove" md="md-remove"></ion-icon></button>
          <button ion-button color="light">{{ currentMonthDataBooks }}</button>
        </ion-item-options>
        <ion-item-options side="right">
          <button ion-button icon-only (click)="addBooks()"><ion-icon ios="ios-add" md="md-add"></ion-icon></button>
        </ion-item-options>
      </ion-item-sliding>

手应该完全可见..... :-)什么问题?

1 个答案:

答案 0 :(得分:1)

该解决方案已在离子项目上设置为contain: unset;!不行吗:)