props.js 3.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110
  1. export default {
  2. props: {
  3. // 标题
  4. title: {
  5. type: [String, Number],
  6. default: uni.$u.props.cell.title
  7. },
  8. // 标题下方的描述信息
  9. label: {
  10. type: [String, Number],
  11. default: uni.$u.props.cell.label
  12. },
  13. // 右侧的内容
  14. value: {
  15. type: [String, Number],
  16. default: uni.$u.props.cell.value
  17. },
  18. // 左侧图标名称,或者图片链接(本地文件建议使用绝对地址)
  19. icon: {
  20. type: String,
  21. default: uni.$u.props.cell.icon
  22. },
  23. // 是否禁用cell
  24. disabled: {
  25. type: Boolean,
  26. default: uni.$u.props.cell.disabled
  27. },
  28. // 是否显示下边框
  29. border: {
  30. type: Boolean,
  31. default: uni.$u.props.cell.border
  32. },
  33. // 内容是否垂直居中(主要是针对右侧的value部分)
  34. center: {
  35. type: Boolean,
  36. default: uni.$u.props.cell.center
  37. },
  38. // 点击后跳转的URL地址
  39. url: {
  40. type: String,
  41. default: uni.$u.props.cell.url
  42. },
  43. // 链接跳转的方式,内部使用的是uView封装的route方法,可能会进行拦截操作
  44. linkType: {
  45. type: String,
  46. default: uni.$u.props.cell.linkType
  47. },
  48. // 是否开启点击反馈(表现为点击时加上灰色背景)
  49. clickable: {
  50. type: Boolean,
  51. default: uni.$u.props.cell.clickable
  52. },
  53. // 是否展示右侧箭头并开启点击反馈
  54. isLink: {
  55. type: Boolean,
  56. default: uni.$u.props.cell.isLink
  57. },
  58. // 是否显示表单状态下的必填星号(此组件可能会内嵌入input组件)
  59. required: {
  60. type: Boolean,
  61. default: uni.$u.props.cell.required
  62. },
  63. // 右侧的图标箭头
  64. rightIcon: {
  65. type: String,
  66. default: uni.$u.props.cell.rightIcon
  67. },
  68. // 右侧箭头的方向,可选值为:left,up,down
  69. arrowDirection: {
  70. type: String,
  71. default: uni.$u.props.cell.arrowDirection
  72. },
  73. // 左侧图标样式
  74. iconStyle: {
  75. type: [Object, String],
  76. default: () => {
  77. return uni.$u.props.cell.iconStyle
  78. }
  79. },
  80. // 右侧箭头图标的样式
  81. rightIconStyle: {
  82. type: [Object, String],
  83. default: () => {
  84. return uni.$u.props.cell.rightIconStyle
  85. }
  86. },
  87. // 标题的样式
  88. titleStyle: {
  89. type: [Object, String],
  90. default: () => {
  91. return uni.$u.props.cell.titleStyle
  92. }
  93. },
  94. // 单位元的大小,可选值为large
  95. size: {
  96. type: String,
  97. default: uni.$u.props.cell.size
  98. },
  99. // 点击cell是否阻止事件传播
  100. stop: {
  101. type: Boolean,
  102. default: uni.$u.props.cell.stop
  103. },
  104. // 标识符,cell被点击时返回
  105. name: {
  106. type: [Number, String],
  107. default: uni.$u.props.cell.name
  108. }
  109. }
  110. }