Skip to content
On this page

Cell 单元格

基本使用

template
<c-cell
  icon="image-2-fill"
  label="label"
  value="value"
  right-icon="arrow-right-s-line"
  @click="onClick"
/>

API

Cell Props

名称类型默认值版本说明
cstringdefault配置名。使用说明
propsCellPropsundefined全部 props 。 使用说明
c-classHTMLAttributes['class']undefined自定义类名
c-styleHTMLAttributes['style']undefined自定义样式
iconstringundefined左边图标名称或代码
icon-propsIconPropsundefinedIconProps
imagestringundefined左边图片链接
image-propsImagePropsundefinedImageProps
avatarstringundefined左边头像链接
avatar-propsAvatarPropsundefinedAvatarProps
avatar-textstringundefined左边头像文字
avatar-text-propsAvatarTextPropsundefinedAvatarTextProps
labelstringundefined左边标签文字
label-propsTextPropsundefinedTextProps
briefstringundefined描述文案。在左边标签下方
brief-propsTextPropsundefinedTextProps
valuestringundefined右边文字
value-propsTextPropsundefinedTextProps
right-iconstringundefined右图标名称或代码
right-icon-propsIconPropsundefinedIconProps
no-clickbooleanundefined无点击反馈

Cell Slots

名称参数说明
default()右边 value 的内容
left()左边的内容
label()左边 label 的内容
brief()左边 brief 的内容, 在 label 下方
right()右边的内容

Cell Events

名称参数说明
click(payload: any) => void点击事件