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.