跳到主要内容
版本:v7

ion-thumbnail

shadow

缩略图(Thumbnail)是通常包裹图像或图标的方形组件。它们可用于更方便地显示一组较大的图像或提供全尺寸图像的预览。

缩略图可以单独使用或放在任何元素内部使用。如果放在 ion-item 内部,缩略图将调整大小以适应父组件。要将缩略图定位在项目的左侧或右侧,请将 slot 分别设置为 start 或 end。

基本用法​

项目缩略图​

主题​

CSS 自定义属性​

属性​

该组件没有可用的属性。

事件​

该组件没有可用的事件。

方法​

该组件没有可用的公共方法。

CSS 阴影部分​

该组件没有可用的 CSS 阴影部分。

CSS 自定义属性​

Name说明
--border-radiusBorder radius of the thumbnail
--sizeSize of the thumbnail

插槽​

该组件没有可用的插槽。