props.js 4.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125
  1. export default {
  2. props: {
  3. // 列表数组,元素可为字符串,如为对象可通过keyName指定目标属性名
  4. list: {
  5. type: Array,
  6. default: uni.$u.props.swiper.list
  7. },
  8. // 是否显示面板指示器
  9. indicator: {
  10. type: Boolean,
  11. default: uni.$u.props.swiper.indicator
  12. },
  13. // 指示器非激活颜色
  14. indicatorActiveColor: {
  15. type: String,
  16. default: uni.$u.props.swiper.indicatorActiveColor
  17. },
  18. // 指示器的激活颜色
  19. indicatorInactiveColor: {
  20. type: String,
  21. default: uni.$u.props.swiper.indicatorInactiveColor
  22. },
  23. // 指示器样式,可通过bottom,left,right进行定位
  24. indicatorStyle: {
  25. type: [String, Object],
  26. default: uni.$u.props.swiper.indicatorStyle
  27. },
  28. // 指示器模式,line-线型,dot-点型
  29. indicatorMode: {
  30. type: String,
  31. default: uni.$u.props.swiper.indicatorMode
  32. },
  33. // 是否自动切换
  34. autoplay: {
  35. type: Boolean,
  36. default: uni.$u.props.swiper.autoplay
  37. },
  38. // 当前所在滑块的 index
  39. current: {
  40. type: [String, Number],
  41. default: uni.$u.props.swiper.current
  42. },
  43. // 当前所在滑块的 item-id ,不能与 current 被同时指定
  44. currentItemId: {
  45. type: String,
  46. default: uni.$u.props.swiper.currentItemId
  47. },
  48. // 滑块自动切换时间间隔
  49. interval: {
  50. type: [String, Number],
  51. default: uni.$u.props.swiper.interval
  52. },
  53. // 滑块切换过程所需时间
  54. duration: {
  55. type: [String, Number],
  56. default: uni.$u.props.swiper.duration
  57. },
  58. // 播放到末尾后是否重新回到开头
  59. circular: {
  60. type: Boolean,
  61. default: uni.$u.props.swiper.circular
  62. },
  63. // 前边距,可用于露出前一项的一小部分,nvue和支付宝不支持
  64. previousMargin: {
  65. type: [String, Number],
  66. default: uni.$u.props.swiper.previousMargin
  67. },
  68. // 后边距,可用于露出后一项的一小部分,nvue和支付宝不支持
  69. nextMargin: {
  70. type: [String, Number],
  71. default: uni.$u.props.swiper.nextMargin
  72. },
  73. // 当开启时,会根据滑动速度,连续滑动多屏,支付宝不支持
  74. acceleration: {
  75. type: Boolean,
  76. default: uni.$u.props.swiper.acceleration
  77. },
  78. // 同时显示的滑块数量,nvue、支付宝小程序不支持
  79. displayMultipleItems: {
  80. type: Number,
  81. default: uni.$u.props.swiper.displayMultipleItems
  82. },
  83. // 指定swiper切换缓动动画类型,有效值:default、linear、easeInCubic、easeOutCubic、easeInOutCubic
  84. // 只对微信小程序有效
  85. easingFunction: {
  86. type: String,
  87. default: uni.$u.props.swiper.easingFunction
  88. },
  89. // list数组中指定对象的目标属性名
  90. keyName: {
  91. type: String,
  92. default: uni.$u.props.swiper.keyName
  93. },
  94. // 图片的裁剪模式
  95. imgMode: {
  96. type: String,
  97. default: uni.$u.props.swiper.imgMode
  98. },
  99. // 组件高度
  100. height: {
  101. type: [String, Number],
  102. default: uni.$u.props.swiper.height
  103. },
  104. // 背景颜色
  105. bgColor: {
  106. type: String,
  107. default: uni.$u.props.swiper.bgColor
  108. },
  109. // 组件圆角,数值或带单位的字符串
  110. radius: {
  111. type: [String, Number],
  112. default: uni.$u.props.swiper.radius
  113. },
  114. // 是否加载中
  115. loading: {
  116. type: Boolean,
  117. default: uni.$u.props.swiper.loading
  118. },
  119. // 是否显示标题,要求数组对象中有title属性
  120. showTitle: {
  121. type: Boolean,
  122. default: uni.$u.props.swiper.showTitle
  123. }
  124. }
  125. }