商品详情页的跳转

原创 2018-11-15 17:11:57 253
摘要:Page({  data: {    isLike: true,    // banner    imgUrls: [      "轮播图1",      "轮播图2",      "轮播图

Page({

  data: {

    isLike: true,

    // banner

    imgUrls: [

      "轮播图1",

      "轮播图2",

      "轮播图3",

    ],

    indicatorDots: true, //是否显示面板指示点

    autoplay: true, //是否自动切换

    interval: 3000, //自动切换时间间隔,3s

    duration: 1000, //  滑动动画时长1s


    // 商品详情介绍

    detailImg: [

      "detail_1.jpg",

      "detail_2.jpg",

      "detail_3.jpg",

 


    ],

  },

  //预览图片

  previewImage: function (e) {

    var current = e.target.dataset.src;


    wx.previewImage({

      current: current, // 当前显示图片的http链接  

      urls: this.data.imgUrls // 需要预览的图片http链接列表  

    })

  },

  // 收藏

  addLike() {

    this.setData({

      isLike: !this.data.isLike

    });

  },

  // 跳转到购物车

  toCar() {

    wx.switchTab({

      url: '/pages/cart/cart'

    })

  },

  // 立即购买

 lijiBuy() {

    wx.showToast({

      title: '购买成功',

      icon: 'success',

      duration: 2000

    });

  },

})

我感觉这个小程序功能.好像只要你知道组件和功能模块~其他没什么新东西了



批改老师:查无此人批改时间:2018-11-15 17:23:04
老师总结:你说的对,小程序需要会的多,真正的不难,很多功能微信都有api

发布手记

热门词条