props.js 1.6 KB

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