props.js 1.7 KB

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