搜索文件 /
阴影

离子缩略图

缩略图是通常包装图像或图标的方形组件。它们可用于使其更容易显示一组较大的图像或提供全尺寸图像的预览。

缩略图可以由自己或任何元素的内部使用。如果放在内部 离子项目 ,缩略图将调整为适合父组件。要将缩略图放在项目的左侧或右侧,请将插槽设置​​为 开始 要么 结尾 , 分别。

用法


                  <
                 离子缩略图
                 >
               
                  <
                 im
                
                 SRC.
                  =
                  
                 https://gravatar.com/avatar/dba6bae8c566f9d4041fb9cd9ada7741?d= nexidericon&f=y.
                  
                 >
               
                  
                 离子缩略图
                 >
               
                  <
                 离子项目
                 >
               
                  <
                 离子缩略图
                
                 投币口
                  =
                  
                 开始
                  
                 >
               
                  <
                 im
                
                 SRC.
                  =
                  
                 https://gravatar.com/avatar/dba6bae8c566f9d4041fb9cd9ada7741?d= nexidericon&f=y.
                  
                 >
               
                  
                 离子缩略图
                 >
               
                  <
                 离子标签
                 >
               项目缩略图
                  
                 离子标签
                 >
               
                  
                 离子项目
                 >
复制 复制

                  <
                 离子缩略图
                 >
               
                  <
                 im
                
                 SRC.
                  =
                  
                 https://gravatar.com/avatar/dba6bae8c566f9d4041fb9cd9ada7741?d= nexidericon&f=y.
                  
                 >
               
                  
                 离子缩略图
                 >
               
                  <
                 离子项目
                 >
               
                  <
                 离子缩略图
                
                 投币口
                  =
                  
                 开始
                  
                 >
               
                  <
                 im
                
                 SRC.
                  =
                  
                 https://gravatar.com/avatar/dba6bae8c566f9d4041fb9cd9ada7741?d= nexidericon&f=y.
                  
                 >
               
                  
                 离子缩略图
                 >
               
                  <
                 离子标签
                 >
               项目缩略图
                  
                 离子标签
                 >
               
                  
                 离子项目
                 >
复制 复制

                进口
               反应
                
               
                '反应'
                ;
               
                进口
               
                {
               ionthumbnail.
                
               IoniTem.
                
               Ionlabel.
                
               离子联系
                }
               
                
               
                '@betway东盟体育app离子/反应'
                ;
               
                出口
               
                Const.
               缩略图
                
               反应
                
                FC.
               
                =
               
                
                的)
               
                =>
               
                
               
                  <
                  离子联系
                 >
                
                  <
                  ionthumbnail.
                 >
                
                  <
                 im
                
                 SRC.
                  =
                  
                 https://gravatar.com/avatar/dba6bae8c566f9d4041fb9cd9ada7741?d= nexidericon&f=y.
                  
                
                 />
                
                  
                  ionthumbnail.
                 >
                
                  <
                  IoniTem.
                 >
                
                  <
                  ionthumbnail.
                
                 投币口
                  =
                  
                 开始
                  
                 >
                
                  <
                 im
                
                 SRC.
                  =
                  
                 https://gravatar.com/avatar/dba6bae8c566f9d4041fb9cd9ada7741?d= nexidericon&f=y.
                  
                
                 />
                
                  
                  ionthumbnail.
                 >
                
                  <
                  Ionlabel.
                 >
                项目缩略图
                  
                  Ionlabel.
                 >
                
                  
                  IoniTem.
                 >
                
                  
                  离子联系
                 >
               
                的)
                ;
复制 复制

                进口
               
                {
               零件
                
               H
                }
               
                
               
                '@模板/核心'
                ;
               @
                零件
                
                {
               标签
                
               
                '缩略图 - 【举例】
                
               styleurl.
                
               
                'thumbnail-example.css'
               
                }
                的)
               
                出口
               
                班级
               
                缩略图
               
                {
               
                使成为
                
                的)
               
                {
               
                返回
               
                [
               
                  <
                 离子缩略图
                 >
                
                  <
                 im
                
                 SRC.
                  =
                  
                 https://gravatar.com/avatar/dba6bae8c566f9d4041fb9cd9ada7741?d= nexidericon&f=y.
                  
                 />
                
                  
                 离子缩略图
                 >
                
               
                  <
                 离子项目
                 >
                
                  <
                 离子缩略图
                
                 投币口
                  =
                  
                 开始
                  
                 >
                
                  <
                 im
                
                 SRC.
                  =
                  
                 https://gravatar.com/avatar/dba6bae8c566f9d4041fb9cd9ada7741?d= nexidericon&f=y.
                  
                 />
                
                  
                 离子缩略图
                 >
                
                  <
                 离子标签
                 >
                项目缩略图
                  
                 离子标签
                 >
                
                  
                 离子项目
                 >
               
                ]
                ;
               
                }
               
                }
复制 复制

                  <
                 模板
                 >
               
                  <
                 离子缩略图
                 >
               
                  <
                 im
                
                 SRC.
                  =
                  
                 https://gravatar.com/avatar/dba6bae8c566f9d4041fb9cd9ada7741?d= nexidericon&f=y.
                  
                 >
               
                  
                 离子缩略图
                 >
               
                  <
                 离子项目
                 >
               
                  <
                 离子缩略图
                
                 投币口
                  =
                  
                 开始
                  
                 >
               
                  <
                 im
                
                 SRC.
                  =
                  
                 https://gravatar.com/avatar/dba6bae8c566f9d4041fb9cd9ada7741?d= nexidericon&f=y.
                  
                 >
               
                  
                 离子缩略图
                 >
               
                  <
                 离子标签
                 >
               项目缩略图
                  
                 离子标签
                 >
               
                  
                 离子项目
                 >
               
                  
                 模板
                 >
               
                  <
                 脚本
                 >
                 
                  进口
                 
                  {
                 IoniTem.
                  
                 Ionlabel.
                  
                 ionthumbnail.
                  }
                 
                  
                 
                  '@betway东盟体育app ionic / vue'
                  ;
                 
                  进口
                 
                  {
                 绝缘组分
                  }
                 
                  
                 
                  'vue'
                  ;
                 
                  出口
                 
                  默认
                 
                  绝缘组分
                  
                  {
                 成分
                  
                 
                  {
                 IoniTem.
                  
                 Ionlabel.
                  
                 ionthumbnail.
                  }
                 
                  }
                  的)
                  ;
                 
                  
                 脚本
                 >
复制 复制

CSS自定义属性

姓名 描述
--bOrder-RADIUS. 缩略图的边界半径
- 尺寸 缩略图的大小
查看来源
Baidu