props.js 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990
  1. import defprops from '../../libs/config/props';
  2. export default {
  3. props: {
  4. // 图标类名
  5. name: {
  6. type: String,
  7. default: defprops.icon.name
  8. },
  9. // 图标颜色,可接受主题色
  10. color: {
  11. type: String,
  12. default: defprops.icon.color
  13. },
  14. // 字体大小,单位px
  15. size: {
  16. type: [String, Number],
  17. default: defprops.icon.size
  18. },
  19. // 是否显示粗体
  20. bold: {
  21. type: Boolean,
  22. default: defprops.icon.bold
  23. },
  24. // 点击图标的时候传递事件出去的index(用于区分点击了哪一个)
  25. index: {
  26. type: [String, Number],
  27. default: defprops.icon.index
  28. },
  29. // 触摸图标时的类名
  30. hoverClass: {
  31. type: String,
  32. default: defprops.icon.hoverClass
  33. },
  34. // 自定义扩展前缀,方便用户扩展自己的图标库
  35. customPrefix: {
  36. type: String,
  37. default: defprops.icon.customPrefix
  38. },
  39. // 图标右边或者下面的文字
  40. label: {
  41. type: [String, Number],
  42. default: defprops.icon.label
  43. },
  44. // label的位置,只能右边或者下边
  45. labelPos: {
  46. type: String,
  47. default: defprops.icon.labelPos
  48. },
  49. // label的大小
  50. labelSize: {
  51. type: [String, Number],
  52. default: defprops.icon.labelSize
  53. },
  54. // label的颜色
  55. labelColor: {
  56. type: String,
  57. default: defprops.icon.labelColor
  58. },
  59. // label与图标的距离
  60. space: {
  61. type: [String, Number],
  62. default: defprops.icon.space
  63. },
  64. // 图片的mode
  65. imgMode: {
  66. type: String,
  67. default: defprops.icon.imgMode
  68. },
  69. // 用于显示图片小图标时,图片的宽度
  70. width: {
  71. type: [String, Number],
  72. default: defprops.icon.width
  73. },
  74. // 用于显示图片小图标时,图片的高度
  75. height: {
  76. type: [String, Number],
  77. default: defprops.icon.height
  78. },
  79. // 用于解决某些情况下,让图标垂直居中的用途
  80. top: {
  81. type: [String, Number],
  82. default: defprops.icon.top
  83. },
  84. // 是否阻止事件传播
  85. stop: {
  86. type: Boolean,
  87. default: defprops.icon.stop
  88. }
  89. }
  90. }