props.js 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
  1. export default {
  2. props: {
  3. // 滑块的移动过渡时间,单位ms
  4. duration: {
  5. type: Number,
  6. default: 300
  7. },
  8. // tabs标签数组
  9. list: {
  10. type: Array,
  11. default: () => []
  12. },
  13. // 滑块颜色
  14. lineColor: {
  15. type: String,
  16. default: '#3c9cff'
  17. },
  18. // 菜单选择中时的样式
  19. activeStyle: {
  20. type: [String, Object],
  21. default: () => ({
  22. color: '#303133'
  23. })
  24. },
  25. // 菜单非选中时的样式
  26. inactiveStyle: {
  27. type: [String, Object],
  28. default: () => ({
  29. color: '#606266'
  30. })
  31. },
  32. // 滑块长度
  33. lineWidth: {
  34. type: [String, Number],
  35. default: 20
  36. },
  37. // 滑块高度
  38. lineHeight: {
  39. type: [String, Number],
  40. default: 3
  41. },
  42. // 滑块背景显示大小,当滑块背景设置为图片时使用
  43. lineBgSize: {
  44. type: String,
  45. default: 'cover'
  46. },
  47. // 菜单item的样式
  48. itemStyle: {
  49. type: [String, Object],
  50. default: () => ({
  51. height: '44px'
  52. })
  53. },
  54. // 菜单是否可滚动
  55. scrollable: {
  56. type: Boolean,
  57. default: true
  58. },
  59. // 当前选中标签的索引
  60. current: {
  61. type: [Number, String],
  62. default: 0
  63. },
  64. // 默认读取的键名
  65. keyName: {
  66. type: String,
  67. default: 'name'
  68. },
  69. ...uni.$uv?.props?.tabs
  70. }
  71. }