props.js 2.4 KB

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