66 lines
1.6 KiB
JavaScript
66 lines
1.6 KiB
JavaScript
|
export default {
|
||
|
props: {
|
||
|
// 标题选中时的样式
|
||
|
activeStyle: {
|
||
|
type: [String, Object],
|
||
|
default: () => ({
|
||
|
color: '#2979ff',
|
||
|
fontSize: '14px'
|
||
|
})
|
||
|
},
|
||
|
// 标题未选中时的样式
|
||
|
inactiveStyle: {
|
||
|
type: [String, Object],
|
||
|
default: () => ({
|
||
|
color: '#606266',
|
||
|
fontSize: '14px'
|
||
|
})
|
||
|
},
|
||
|
// 点击遮罩是否关闭菜单
|
||
|
closeOnClickMask: {
|
||
|
type: Boolean,
|
||
|
default: true
|
||
|
},
|
||
|
// 点击当前激活项标题是否关闭菜单
|
||
|
closeOnClickSelf: {
|
||
|
type: Boolean,
|
||
|
default: true
|
||
|
},
|
||
|
// 过渡时间
|
||
|
duration: {
|
||
|
type: [Number, String],
|
||
|
default: 300
|
||
|
},
|
||
|
// 标题菜单的高度
|
||
|
height: {
|
||
|
type: [Number, String],
|
||
|
default: 40
|
||
|
},
|
||
|
// 是否显示下边框
|
||
|
borderBottom: {
|
||
|
type: Boolean,
|
||
|
default: false
|
||
|
},
|
||
|
// 标题的字体大小
|
||
|
titleSize: {
|
||
|
type: [Number, String],
|
||
|
default: 14
|
||
|
},
|
||
|
// 下拉出来的内容部分的圆角值
|
||
|
borderRadius: {
|
||
|
type: [Number, String],
|
||
|
default: 0
|
||
|
},
|
||
|
// 菜单右侧的icon图标
|
||
|
menuIcon: {
|
||
|
type: String,
|
||
|
default: 'arrow-down'
|
||
|
},
|
||
|
// 菜单右侧图标的大小
|
||
|
menuIconSize: {
|
||
|
type: [Number, String],
|
||
|
default: 14
|
||
|
}
|
||
|
}
|
||
|
}
|