props.js 3.2 KB

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