单元格

一个常见的单元格组件。

属性

名称	类型	默认值	说明
hoverClass	String	pure-hover	指定按下去的样式类
iconName	String	-	左侧图标名称
title	String	-	标题文本
desc	String	-	描述文本
arrowName	String	-	右侧（箭头）图标名称
rotate	Boolean	false	右侧（箭头）图标是否旋转
iconMode	String	-	[参考] 左侧图标图片的裁剪、缩放模式
iconOpts	Object	-	[参考] 左侧图标的配置
arrowMode	String	-	[参考] 右侧（箭头）图标图片的裁剪、缩放模式
arrowOpts	Object	-	[参考] 右侧（箭头）图标的配置
fontSize	String	-	[参考] 基准字体大小
color	String	-	[参考] 基准字体颜色
lineHeight	String	-	内容行高
width	String	-	单元格宽度
height	String	-	单元格高度
margin	String	-	单元格外边距
padding	String	-	单元格内边距
background	String	-	单元格背景
radius	String	-	单元格圆角大小
borderRadius	String	-	单元格圆角大小
border	String	-	单元格边框样式
borderWidth	String	-	单元格边框宽度
borderStyle	String	-	单元格边框样式
borderColor	String	-	单元格边框颜色
gap	String	-	单元格内容之间的间距
iconSize	String	-	左侧图标大小
iconColor	String	-	左侧图标颜色
iconWeight	[String, Number]	-	左侧图标字重
iconPadding	String	-	左侧图标内边距
iconMargin	String	-	左侧图标外边距
titleFontSize	String	-	标题字体大小
titleFontWeight	[String, Number]	-	标题字体字重
titleColor	String	-	标题字体颜色
titlePadding	String	-	标题内边距
titleMargin	String	-	标题外边距
descFontSize	String	-	描述字体大小
descFontWeight	[String, Number]	-	描述字体字重
descColor	String	-	描述字体颜色
descPadding	String	-	描述内边距
descMargin	String	-	描述外边距
arrowName	String	-	右侧（箭头）图标名称
arrowSize	String	-	右侧（箭头）图标大小
arrowColor	String	-	右侧（箭头）图标颜色
arrowWeight	[String, Number]	-	右侧（箭头）图标字重
arrowPadding	String	-	右侧（箭头）图标内边距
arrowMargin	String	-	右侧（箭头）图标外边距
deg	Number	-	右侧（箭头）图标旋转状态时的角度

尺寸说明

• 左侧图标和标题的字体大小默认继承父元素，即 1em。
• 描述文字和右侧（箭头）图标的字体大小默认为 var(--pure-font-size-smaller)，通常为 0.8em。

事件

名称	参数	说明
@onClick	-	点击时触发

插槽

名称	参数	说明
#icon	-	左侧图标
#default	-	默认，标题
#desc	-	描述文本
#arrow	-	右侧（箭头）图标