props.js 2.6 KB

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