swiper.js 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. // components/swiper/swiper.js
  2. Component({
  3. /**
  4. * 组件的属性列表
  5. */
  6. options: {
  7. addGlobalClass: true,
  8. },
  9. externalClasses: ['col-class'],
  10. properties: {
  11. "swiper_style":{
  12. type:String,
  13. value: 'card-swiper',
  14. },
  15. "imgs_list": {
  16. type: Object,
  17. value: {}
  18. }
  19. },
  20. /**
  21. * 组件的初始数据
  22. */
  23. data: {
  24. cardCur: 0,
  25. DotStyle: 0,
  26. duration: 0,
  27. interval: 0,
  28. },
  29. /**
  30. * 组件的方法列表
  31. */
  32. methods: {
  33. HandleClick(res){
  34. var navigate = res.currentTarget.dataset.navigate;
  35. if(!navigate){
  36. return
  37. }
  38. wx.navigateTo({
  39. url: '/pages/web/web?navigate='+navigate
  40. })
  41. },
  42. intervalChange(e) {
  43. this.setData({
  44. interval: e.detail.value
  45. })
  46. },
  47. durationChange(e) {
  48. this.setData({
  49. duration: e.detail.value
  50. })
  51. },
  52. DotStyle(e) {
  53. this.setData({
  54. DotStyle: e.detail.value
  55. })
  56. },
  57. cardSwiper(e) {
  58. this.setData({
  59. cardCur: e.detail.current
  60. })
  61. },
  62. }
  63. })