Skip to main content

ion-thumbnail

shadow

缩略图是通常封装图片或图标的方形组件。它们可以用来更方便地展示一组较大的图片,或提供全尺寸图片的预览。

🌐 Thumbnails are square components that usually wrap an image or icon. They can be used to make it easier to display a group of larger images or provide a preview of the full-size image.

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

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

基本用法

🌐 Basic Usage

条目缩略图

🌐 Item Thumbnails

主题化

🌐 Theming

CSS 自定义属性

🌐 CSS Custom Properties

属性

🌐 Properties

No properties available for this component.

事件

🌐 Events

No events available for this component.

方法

🌐 Methods

No public methods available for this component.

CSS 阴影部分

🌐 CSS Shadow Parts

No CSS shadow parts available for this component.

CSS 自定义属性

🌐 CSS Custom Properties

NameDescription
--border-radiusBorder radius of the thumbnail
--sizeSize of the thumbnail

插槽

🌐 Slots

No slots available for this component.