单元项

一个常见的单元格组件。

属性

名称	类型	默认值	说明
hoverClass	String	pure-hover	指定按下去的样式类
iconName	String	-	左侧图标名称
iconMode	String	-	[参考] 左侧图标图片的裁剪、缩放模式
title	String	-	标题文本
desc	String	-	描述文本
rightIconName	[String, Array]	-	右侧（箭头）图标名称
rightIconMode	String	-	[参考] 左侧图标图片的裁剪、缩放模式
fontSize	String	-	[参考] 基准字体大小
color	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	-	左侧图标颜色
contentGap	String	-	标题和描述之间的间距
titleFontSize	String	-	标题字体大小
titleFontWeight	[String, Number]	-	标题字体字重
titleColor	String	-	标题字体颜色
descFontSize	String	-	描述字体大小
descFontWeight	[String, Number]	-	描述字体字重
descColor	String	-	描述字体颜色
rightFontSize	String	-	右侧内容字体大小
rightFontWeight	[String, Number]	-	右侧内容字体字重
rightColor	String	-	右侧内容字体颜色
rightGap	String	-	右侧内容间距

尺寸说明

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

事件

名称	参数	说明
@onClick	-	点击时触发
@onRightIconClick	index: 下标; item: 点击项数据;	右侧图标点击事件

插槽

名称	参数	说明
#icon	-	左侧图标
#default	-	默认，标题和描述
#title	-	标题
#desc	-	文本
#right	-	右侧内容