props.js

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
        }
    }
}