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