公告: 旧版文档请移步 -> http://v2.laravel-filament.cn/docs

Languages

Version

Theme

核心概念 - Blade 组件

头像 Blade 组件

概述

头像组件用作渲染圆形图片或正方形图片,通常作为头像用来表示用户或者实体:

<x-filament::avatar
src="https://filamentphp.com/dan.jpg"
alt="Dan Harrin"
/>

设置头像圆角

头像通常默认为圆形,不过你也可以将 circular 属性设置为 false 使之成正方形:

<x-filament::avatar
src="https://filamentphp.com/dan.jpg"
alt="Dan Harrin"
:circular="false"
/>

设置头像大小

默认情况下,头像大小为 "medium"。使用 size 属性你可以将其设置为 smmd 或 `lg:

<x-filament::avatar
src="https://filamentphp.com/dan.jpg"
alt="Dan Harrin"
size="lg"
/>

你也可以传入自定义的 size 类到 size 属性中:

<x-filament::avatar
src="https://filamentphp.com/dan.jpg"
alt="Dan Harrin"
size="w-12 h-12"
/>
Edit on GitHub

Still need help? Join our Discord community or open a GitHub discussion

上一页
概述