You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

64 lines
1.7 KiB

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