36 lines
747 B
Vue
36 lines
747 B
Vue
<script>
|
|
export default {
|
|
name: 'MenuItem',
|
|
functional: true,
|
|
props: {
|
|
icon: {
|
|
type: String,
|
|
default: ''
|
|
},
|
|
title: {
|
|
type: String,
|
|
default: ''
|
|
}
|
|
},
|
|
render(h, context) {
|
|
const { icon, title } = context.props
|
|
const vnodes = []
|
|
|
|
if (icon) {
|
|
vnodes.push(<svg-icon style="font-size: 18px;margin-right: 10px;vertical-align: middle;" icon-class={icon}/>)
|
|
} else {
|
|
vnodes.push(<span style="display: inline-block; width: 10px;"/>)
|
|
}
|
|
|
|
if (title) {
|
|
if (title.length > 5) {
|
|
vnodes.push(<span slot='title' title={(title)}>{(title)}</span>)
|
|
} else {
|
|
vnodes.push(<span slot='title'>{(title)}</span>)
|
|
}
|
|
}
|
|
return vnodes
|
|
}
|
|
}
|
|
</script>
|