props.js 4.1 KB

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