如何在ionic3的离子头像的右下角绘制图标

时间:2019-04-17 06:14:33

标签: css ionic-framework ionic3

我想在离子头像的右下角添加一个小图标。

  <ion-item>
    <ion-avatar item-start>
      <img [src]="avatar">
      <ion-icon name="cloud-upload" item-start></ion-icon>
    </ion-avatar>
    <h2>Name</h2>
    <p>Description</p>
  </ion-item>

我尝试应用以下不同的样式,但是它们没有用。

  <ion-item>
    <ion-avatar item-start>
      <img style="position:relative;" [src]="avatar">
      <ion-icon style="position: absolute;right: 0;bottom: 0;" name="cloud-upload" item-start></ion-icon>
    </ion-avatar>
    <h2>Name</h2>
    <p>Description</p>
  </ion-item>  

有人问过类似的问题here,但其中不包含离子化身

0 个答案:

没有答案