基础使用

<hi-cell title="基础使用"></hi-cell>

显示图标

通过 leftIconName 属性设置图标。

<hi-cell title="显示图标" leftIconName="/static/images/icons/phone.png"></hi-cell>

显示描述

通过 desc 属性设置描述。

<hi-cell title="显示描述" leftIconName="/static/images/icons/phone.png" desc="单元格描述"></hi-cell>

显示提示

通过 tips 属性设置提示。

<hi-cell title="显示提示" leftIconName="/static/images/icons/phone.png" desc="单元格描述" tips="我是单元格提示"></hi-cell>

垂直居中

通过 center 属性设置垂直居中。

<hi-cell title="垂直居中" leftIconName="/static/images/icons/phone.png" desc="单元格描述" tips="我是单元格提示" center></hi-cell>

Props

参数	说明	类型	默认值	可选值
hoverClass	单元格的 hover-class	String	hi-hover	-
center	是否垂直居中	Boolean	false	-
leftIconName	左侧图标名称	String	-	-
title	标题	String	-	-
desc	描述	String	-	-
tips	提示	String	-	-
showRight	是否显示右侧箭头	Boolean	false	-
rightIconName	右侧图标名称	String	-	-

Slots

名称	说明
#left	左侧内容插槽
body	垂直居中时为 title + tips，非垂直居中时为 left + title + desc + right
#title	标题内容插槽
#desc	描述内容插槽
#right	右侧内容插槽
#tips	提示内容插槽