props.js 1.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889
  1. export default {
  2. props: {
  3. // 绑定的值
  4. value: {
  5. type: [String, Number, Boolean],
  6. default: ''
  7. },
  8. modelValue: {
  9. type: [String, Number, Boolean],
  10. default: ''
  11. },
  12. // 是否禁用全部radio
  13. disabled: {
  14. type: Boolean,
  15. default: false
  16. },
  17. // 形状,circle-圆形,square-方形
  18. shape: {
  19. type: String,
  20. default: 'circle'
  21. },
  22. // 选中状态下的颜色,如设置此值,将会覆盖parent的activeColor值
  23. activeColor: {
  24. type: String,
  25. default: '#2979ff'
  26. },
  27. // 未选中的颜色
  28. inactiveColor: {
  29. type: String,
  30. default: '#c8c9cc'
  31. },
  32. // 标识符
  33. name: {
  34. type: String,
  35. default: ''
  36. },
  37. // 整个组件的尺寸,默认px
  38. size: {
  39. type: [String, Number],
  40. default: 18
  41. },
  42. // 布局方式,row-横向,column-纵向
  43. placement: {
  44. type: String,
  45. default: 'row'
  46. },
  47. // label的文本
  48. label: {
  49. type: [String],
  50. default: ''
  51. },
  52. // label的颜色 (默认 '#303133' )
  53. labelColor: {
  54. type: [String],
  55. default: '#303133'
  56. },
  57. // label的字体大小,px单位
  58. labelSize: {
  59. type: [String, Number],
  60. default: 14
  61. },
  62. // 是否禁止点击文本操作checkbox(默认 false )
  63. labelDisabled: {
  64. type: Boolean,
  65. default: false
  66. },
  67. // 图标颜色
  68. iconColor: {
  69. type: String,
  70. default: '#fff'
  71. },
  72. // 图标的大小,单位px
  73. iconSize: {
  74. type: [String, Number],
  75. default: 12
  76. },
  77. // 竖向配列时,是否显示下划线
  78. borderBottom: {
  79. type: Boolean,
  80. default: false
  81. },
  82. // 图标与文字的对齐方式
  83. iconPlacement: {
  84. type: String,
  85. default: 'left'
  86. },
  87. ...uni.$uv?.props?.radioGroup
  88. }
  89. }