Question

Ionic4 项目中我们可以使用 Ionic4 媒体组件 ion-avatar 对项目进行布局。

ion-avatar 官方文档地址：https://ionicframework.com/docs/api/avatar

Avatars are circular components that usually wrap an image or icon. They can be used to represent a person or an object.

Avatars can be used by themselves or inside of any element. If placed inside of an ion-chip or ion-item , the avatar will resize to fit the parent component. To position an avatar on the left or right side of an item, set the slot to start or end , respectively.

ion-avatar 用法 Usage

<ion-avatar>
  <img alt="Silhouette of a person's head" src="https://ionicframework.com/docs/img/demos/avatar.svg " />
</ion-avatar>

ion-avatar 中的 CSS 自定义属性

Name	Description
--border-radius	Border radius of the avatar and inner image