props.js 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697
  1. const props = {
  2. // 是否显示遮罩
  3. mark: {
  4. type: Boolean,
  5. default() {
  6. return true
  7. }
  8. },
  9. // 点击遮罩是否关闭
  10. markClose: {
  11. type: Boolean,
  12. default() {
  13. return true
  14. }
  15. },
  16. // 点击按钮是否关闭
  17. btnClose: {
  18. type: Boolean,
  19. default() {
  20. return true
  21. }
  22. },
  23. // 是否显示弹窗
  24. show: {
  25. type: Boolean,
  26. default() {
  27. return false
  28. }
  29. },
  30. // 数据
  31. range: {
  32. type: Array,
  33. default: []
  34. },
  35. // picker-item显示内容的key
  36. rangeKey: {
  37. type: String,
  38. default: 'label'
  39. },
  40. // 设置选择器中间选中框的样式
  41. indicatorStyle: {
  42. type: String,
  43. default: 'height: 50px;'
  44. },
  45. // 设置选择器中间选中框的类名,注意页面或组件的style中写了scoped时,需要在类名前写/deep/
  46. indicatorClass: {
  47. type: String,
  48. default: ''
  49. },
  50. // cancel文字
  51. cancelText: {
  52. type: String,
  53. default: '取消'
  54. },
  55. // confirm文字
  56. confirmText: {
  57. type: String,
  58. default: '确定'
  59. },
  60. // cancel样式style
  61. // cancelStyle: {
  62. // type: Object,
  63. // default: {}
  64. // },
  65. // confirm样式style
  66. // confirmStyle: {
  67. // type: Object,
  68. // default: {}
  69. // },
  70. // 内容高度 rpx
  71. height: {
  72. type: Number,
  73. default: 500
  74. },
  75. // 圆角 rpx
  76. borderRadius: {
  77. type: Number,
  78. default: 16
  79. },
  80. // 背景颜色
  81. bgColor: {
  82. type: String,
  83. default: '#FFFFFF'
  84. },
  85. // mark 背景颜色
  86. markBgColor: {
  87. type: String,
  88. default: '#00000080'
  89. },
  90. // 方向 top/bottom/center
  91. mode: {
  92. type: String,
  93. default: 'bottom'
  94. }
  95. }
  96. export default props