Skip to content

Menu Item 菜单项

基础用法

  • 主要作为菜单型组件的子项,可设置图标、文本、背景颜色等多个属性
  • 设置 listMode 后支持作为 list-view 的子组件
vue
<template>
	<sn-menu-item text="菜单项文本" icon="check-line"></sn-menu-item>
</template>

更多演示请下载 demo 查看

属性

参数说明类型默认值可选值
listMode是否作为 list-view 的子项Booleanfalsetrue | false
icon菜单项图标名称String--
text菜单项文本String--
borderRadius菜单项圆角大小String--
iconColor菜单项图标颜色String$text-
iconSize菜单项图标大小String$4-
iconPosition菜单项图标位置Stringleftleft | right
textColor菜单项文本颜色String$text-
textSize菜单项文本大小String$2-
textAlign菜单项文本对齐方式Stringleft-
padding菜单项内边距String12px 15px-
disabled是否禁用菜单项Booleanfalsetrue | false
bgColor菜单项背景颜色String$front-
activeBgColor激活时的菜单项背景颜色String$info-
disabledBgColor禁用时的菜单项背景颜色String$disabled-
disabledTextColor禁用时的菜单项文本颜色String$disabledText-
disabledIconColor禁用时的菜单项图标颜色String$disabledText-
customIconStyle自定义图标样式UTSJSONObject{}-
customTextStyle自定义文本样式UTSJSONObject{}-
customStyle自定义样式UTSJSONObject{}-

插槽

名称说明
default替换菜单项内容

使用 MIT 协议