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 内,缩略图将调整大小以适应父组件。要将缩略图放置在项目的左侧或右侧,请分别将插槽设置为 start 或 end。

🌐 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.