ion-thumbnail
缩略图是通常封装图片或图标的方形组件。它们可以用来更方便地展示一组较大的图片,或提供全尺寸图片的预览。
🌐 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
| Name | Description |
|---|---|
--border-radius | Border radius of the thumbnail |
--size | Size of the thumbnail |
插槽
🌐 Slots
No slots available for this component.