props.js 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115
  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. // 标题的宽度,单位任意,数值默认为px单位
  24. titleWidth: {
  25. type: [String, Number],
  26. default: uni.$u.props.cell.titleWidth
  27. },
  28. // 是否禁用cell
  29. disabled: {
  30. type: Boolean,
  31. default: uni.$u.props.cell.disabled
  32. },
  33. // 是否显示下边框
  34. border: {
  35. type: Boolean,
  36. default: uni.$u.props.cell.border
  37. },
  38. // 内容是否垂直居中(主要是针对右侧的value部分)
  39. center: {
  40. type: Boolean,
  41. default: uni.$u.props.cell.center
  42. },
  43. // 点击后跳转的URL地址
  44. url: {
  45. type: String,
  46. default: uni.$u.props.cell.url
  47. },
  48. // 链接跳转的方式,内部使用的是uView封装的route方法,可能会进行拦截操作
  49. linkType: {
  50. type: String,
  51. default: uni.$u.props.cell.linkType
  52. },
  53. // 是否开启点击反馈(表现为点击时加上灰色背景)
  54. clickable: {
  55. type: Boolean,
  56. default: uni.$u.props.cell.clickable
  57. },
  58. // 是否展示右侧箭头并开启点击反馈
  59. isLink: {
  60. type: Boolean,
  61. default: uni.$u.props.cell.isLink
  62. },
  63. // 是否显示表单状态下的必填星号(此组件可能会内嵌入input组件)
  64. required: {
  65. type: Boolean,
  66. default: uni.$u.props.cell.required
  67. },
  68. // 右侧的图标箭头
  69. rightIcon: {
  70. type: String,
  71. default: uni.$u.props.cell.rightIcon
  72. },
  73. // 右侧箭头的方向,可选值为:left,up,down
  74. arrowDirection: {
  75. type: String,
  76. default: uni.$u.props.cell.arrowDirection
  77. },
  78. // 左侧图标样式
  79. iconStyle: {
  80. type: [Object, String],
  81. default: () => {
  82. return uni.$u.props.cell.iconStyle
  83. }
  84. },
  85. // 右侧箭头图标的样式
  86. rightIconStyle: {
  87. type: [Object, String],
  88. default: () => {
  89. return uni.$u.props.cell.rightIconStyle
  90. }
  91. },
  92. // 标题的样式
  93. titleStyle: {
  94. type: [Object, String],
  95. default: () => {
  96. return uni.$u.props.cell.titleStyle
  97. }
  98. },
  99. // 单位元的大小,可选值为large
  100. size: {
  101. type: String,
  102. default: uni.$u.props.cell.size
  103. },
  104. // 点击cell是否阻止事件传播
  105. stop: {
  106. type: Boolean,
  107. default: uni.$u.props.cell.stop
  108. },
  109. // 标识符,cell被点击时返回
  110. name: {
  111. type: [Number, String],
  112. default: uni.$u.props.cell.name
  113. }
  114. }
  115. }