|
|
@@ -11,9 +11,13 @@ export default {
|
|
|
type: String,
|
|
|
default: ''
|
|
|
},
|
|
|
+ additional: {
|
|
|
+ type: Boolean,
|
|
|
+ default: false
|
|
|
+ }
|
|
|
},
|
|
|
render(h, context) {
|
|
|
- const { icon, title } = context.props
|
|
|
+ const { icon, title, additional } = context.props
|
|
|
const vnodes = []
|
|
|
if (icon) {
|
|
|
if (icon.includes('el-icon')) {
|
|
|
@@ -21,6 +25,9 @@ export default {
|
|
|
} else {
|
|
|
vnodes.push(<svg-icon icon-class={icon}/>)
|
|
|
}
|
|
|
+ if (additional) {
|
|
|
+ vnodes.push(<i class={'menu-icon-additional'}></i>)
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
if (title) {
|
|
|
@@ -37,4 +44,18 @@ export default {
|
|
|
width: 1em;
|
|
|
height: 1em;
|
|
|
}
|
|
|
+.menu-icon-additional {
|
|
|
+ width: 20px;
|
|
|
+ height: 20px;
|
|
|
+ position: absolute;
|
|
|
+}
|
|
|
+.menu-icon-additional::before {
|
|
|
+ width: 10px;
|
|
|
+ height: 10px;
|
|
|
+ right: -5px;
|
|
|
+ content: " ";
|
|
|
+ border-radius: 10px;
|
|
|
+ position: absolute;
|
|
|
+ background-color: #FFCC2C;
|
|
|
+}
|
|
|
</style>
|