props.js 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. import defProps from '../../libs/config/props.js';
  2. export default {
  3. props: {
  4. // 菜单标题和选项的激活态颜色
  5. activeColor: {
  6. type: String,
  7. default: '#2979ff'
  8. },
  9. // 菜单标题和选项的未激活态颜色
  10. inactiveColor: {
  11. type: String,
  12. default: '#606266'
  13. },
  14. // 点击遮罩是否关闭菜单
  15. closeOnClickMask: {
  16. type: Boolean,
  17. default: true
  18. },
  19. // 点击当前激活项标题是否关闭菜单
  20. closeOnClickSelf: {
  21. type: Boolean,
  22. default: true
  23. },
  24. // 过渡时间
  25. duration: {
  26. type: [Number, String],
  27. default: 300
  28. },
  29. // 标题菜单的高度
  30. height: {
  31. type: [Number, String],
  32. default: 40
  33. },
  34. // 是否显示下边框
  35. borderBottom: {
  36. type: Boolean,
  37. default: false
  38. },
  39. // 标题的字体大小
  40. titleSize: {
  41. type: [Number, String],
  42. default: 14
  43. },
  44. // 下拉出来的内容部分的圆角值
  45. borderRadius: {
  46. type: [Number, String],
  47. default: 0
  48. },
  49. // 菜单右侧的icon图标
  50. menuIcon: {
  51. type: String,
  52. default: 'arrow-down'
  53. },
  54. // 菜单右侧图标的大小
  55. menuIconSize: {
  56. type: [Number, String],
  57. default: 14
  58. }
  59. }
  60. }