您现在的位置: 微信小程序 > 微信小程序DEMO >

小程序学习用demo:在线电影票;点击更多展开更多

来源:微信小程序 编辑:易用通 发布时间:04-13热度:
两个简单的实用功能,使用了猫眼电影api,话说我是不是发布过这个demo,记忆混乱了。。。。

 


 

代码示例:
[AppleScript] 纯文本查看 复制代码
?
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
Page({
  data: {
    movieDetail: [],
    movieComment:[],
    movieThumbs:[],
    movieDesc:'',
    loading: false,
    desc: false
  },
  // 页面初始化
  onLoad: function (options) {
    // options为页面跳转所带来的参数
    var that = this
    wx.request({
      url: 'http://m.maoyan.com/movie/' + options.id + '.json',
      success: function(res) {
        that.setData({
          movieDetail: res.data.data.MovieDetailModel,
          movieComment:res.data.data.CommentResponseModel,
          loading: true
        })
        var photos = that.data.movieDetail.photos;
        for(var i=0; i<that.data.movieDetail.photos.length; i++){
          photos[i] = photos[i].replace('/w.h/movie/','/movie/').replace('/w.h/mmdb/','/mmdb/').replace(/.jpg(.*)/,'.jpg@1sc%7C180w_140h_1e_1c.webp')
        }
        that.setData({
          movieDesc: that.data.movieDetail.dra.replace(/<[^>]+>/g,''),
          movieThumbs: photos
        })
      }
    })
  },
  // 页面初次渲染完成(每次打开页面都会调用一次)
  onReady: function(){
    wx.setNavigationBarTitle({
      title: this.data.movieDetail.nm
    })
  },
  // 展开介绍
  showDesc: function() {
    this.setData({
      desc: true
    })
  },
  // 关闭介绍
  hideDesc: function() {
    this.setData({
      desc: false
    })
  },
  // 打开相册
  showAlbum(e){
    wx.navigateTo({
      url: '../album/album?title=navigate&id='+this.data.movieDetail.id+'&pid='+e.target.dataset.index+''
    })
  },
  // 购票
  buyTickets: function() {
    wx.showModal({
      title: '购票提示:',
      content: '目前不支持购买',
      showCancel: false,
      confirmColor: '#ff4d64'
    })
  }
})