props.js 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172
  1. export default {
  2. props: {
  3. // 是否显示圆点
  4. isDot: {
  5. type: Boolean,
  6. default: uni.$u.props.badge.isDot
  7. },
  8. // 显示的内容
  9. value: {
  10. type: [Number, String],
  11. default: uni.$u.props.badge.value
  12. },
  13. // 是否显示
  14. show: {
  15. type: Boolean,
  16. default: uni.$u.props.badge.show
  17. },
  18. // 最大值,超过最大值会显示 '{max}+'
  19. max: {
  20. type: [Number, String],
  21. default: uni.$u.props.badge.max
  22. },
  23. // 主题类型,error|warning|success|primary
  24. type: {
  25. type: String,
  26. default: uni.$u.props.badge.type
  27. },
  28. // 当数值为 0 时,是否展示 Badge
  29. showZero: {
  30. type: Boolean,
  31. default: uni.$u.props.badge.showZero
  32. },
  33. // 背景颜色,优先级比type高,如设置,type参数会失效
  34. bgColor: {
  35. type: [String, null],
  36. default: uni.$u.props.badge.bgColor
  37. },
  38. // 字体颜色
  39. color: {
  40. type: [String, null],
  41. default: uni.$u.props.badge.color
  42. },
  43. // 徽标形状,circle-四角均为圆角,horn-左下角为直角
  44. shape: {
  45. type: String,
  46. default: uni.$u.props.badge.shape
  47. },
  48. // 设置数字的显示方式,overflow|ellipsis|limit
  49. // overflow会根据max字段判断,超出显示`${max}+`
  50. // ellipsis会根据max判断,超出显示`${max}...`
  51. // limit会依据1000作为判断条件,超出1000,显示`${value/1000}K`,比如2.2k、3.34w,最多保留2位小数
  52. numberType: {
  53. type: String,
  54. default: uni.$u.props.badge.numberType
  55. },
  56. // 设置badge的位置偏移,格式为 [x, y],也即设置的为top和right的值,absolute为true时有效
  57. offset: {
  58. type: Array,
  59. default: uni.$u.props.badge.offset
  60. },
  61. // 是否反转背景和字体颜色
  62. inverted: {
  63. type: Boolean,
  64. default: uni.$u.props.badge.inverted
  65. },
  66. // 是否绝对定位
  67. absolute: {
  68. type: Boolean,
  69. default: uni.$u.props.badge.absolute
  70. }
  71. }
  72. }