props.js 2.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  1. export default {
  2. props: {
  3. // checkbox的名称
  4. name: {
  5. type: [String, Number, Boolean],
  6. default: uni.$u.props.checkbox.name
  7. },
  8. // 形状,square为方形,circle为圆型
  9. shape: {
  10. type: String,
  11. default: uni.$u.props.checkbox.shape
  12. },
  13. // 整体的大小
  14. size: {
  15. type: [String, Number],
  16. default: uni.$u.props.checkbox.size
  17. },
  18. // 是否默认选中
  19. checked: {
  20. type: Boolean,
  21. default: uni.$u.props.checkbox.checked
  22. },
  23. // 是否禁用
  24. disabled: {
  25. type: [String, Boolean],
  26. default: uni.$u.props.checkbox.disabled
  27. },
  28. // 选中状态下的颜色,如设置此值,将会覆盖parent的activeColor值
  29. activeColor: {
  30. type: String,
  31. default: uni.$u.props.checkbox.activeColor
  32. },
  33. // 未选中的颜色
  34. inactiveColor: {
  35. type: String,
  36. default: uni.$u.props.checkbox.inactiveColor
  37. },
  38. // 图标的大小,单位px
  39. iconSize: {
  40. type: [String, Number],
  41. default: uni.$u.props.checkbox.iconSize
  42. },
  43. // 图标颜色
  44. iconColor: {
  45. type: String,
  46. default: uni.$u.props.checkbox.iconColor
  47. },
  48. // label提示文字,因为nvue下,直接slot进来的文字,由于特殊的结构,无法修改样式
  49. label: {
  50. type: [String, Number],
  51. default: uni.$u.props.checkbox.label
  52. },
  53. // label的字体大小,px单位
  54. labelSize: {
  55. type: [String, Number],
  56. default: uni.$u.props.checkbox.labelSize
  57. },
  58. // label的颜色
  59. labelColor: {
  60. type: String,
  61. default: uni.$u.props.checkbox.labelColor
  62. },
  63. // 是否禁止点击提示语选中复选框
  64. labelDisabled: {
  65. type: [String, Boolean],
  66. default: uni.$u.props.checkbox.labelDisabled
  67. }
  68. }
  69. }