nly-adminlte-vue
Version:
nly adminlte3 components
87 lines • 4.51 kB
JSON
{
"name": "@nly-adminlte-vue/control-sidebr",
"version": "1.0.0",
"meta": {
"title": "Control Sidebar",
"subtitle": "右侧滑板",
"description": "Control Sidebar 是一个可收缩的右侧滑板,浮动在右侧,自适应布局header和footer距离",
"directives": [
{
"directive": "VNlyControlSidebarCollapse",
"description": "右侧滑板收起展开指令",
"expression": "String",
"modifiers": [
{
"name": "",
"pattern": "[a-zA-Z][a-zA-Z0-9_\\-]*",
"description": "不需要传入参数,直接绑定便可控制右侧滑板收起展开"
}
]
}
],
"components": [
{
"component": "NlyControlSidebar",
"description": "右侧滑板",
"props": [
{
"prop": "controlSidebarClass",
"description": "自定义css"
},
{
"prop": "size",
"description": "字体大小,可选xs,sm,md,lg,xl"
},
{
"prop": "light",
"description": "默认背景色,默认为false,背景色为dark,设置true,背景色为light"
},
{
"prop": "bgVariant",
"description": "背景色,会覆盖prop light, 可选背景色, 默认无背景, 可选 primary, secondary, success, info, warning, danger, light, dark, lightblue, navy, olive, lime, fuchsia, maroon, blue, indigo, purple, pink, red, orange, yellow, green, teal, cyan, white, gray, graydark"
},
{
"prop": "bgGradientVariant",
"description": "渐变背景色, 会覆盖prop light 和 prop bg-variant, 可选 primary, secondary, success, info, warning, danger, light, dark, lightblue, navy, olive, lime, fuchsia, maroon, blue, indigo, purple, pink, red, orange, yellow, green, teal, cyan, white, gray, graydark"
}
]
},
{
"component": "NlyControlSidebarContainer",
"description": "右侧滑板容器",
"props": []
},
{
"component": "NlyControlSidebarButton",
"description": "右侧滑板按钮",
"props": [
{
"prop": "bgVariant",
"description": "背景色,会覆盖prop light, 可选背景色, 默认无背景, 可选 primary, secondary, success, info, warning, danger, light, dark, lightblue, navy, olive, lime, fuchsia, maroon, blue, indigo, purple, pink, red, orange, yellow, green, teal, cyan, white, gray, graydark"
},
{
"prop": "bgGradientVariant",
"description": "渐变背景色, 会覆盖prop light 和 prop bg-variant, 可选 primary, secondary, success, info, warning, danger, light, dark, lightblue, navy, olive, lime, fuchsia, maroon, blue, indigo, purple, pink, red, orange, yellow, green, teal, cyan, white, gray, graydark"
},
{
"prop": "controlButtonClass",
"description": "自定义css"
}
],
"events": [
{
"event": "click",
"description": "点击按钮触发事件",
"args": [
{
"name": "event",
"type": "鼠标事件",
"description": "原生点击事件"
}
]
}
]
}
]
}
}