1
2
3
4
5
6
7
8
9
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
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
| import { getZhongTaiVideoPage, getCataLogTagList } from '../../api/index'
| Page({
|
| /**
| * 页面的初始数据
| */
| data: {
| videoContext:null,
| category: [],
| tagCodes: '',
| videoUrl: '',
| showVideo: false,
| isShow:false,
| curVideoSrc:'',
| dataList: [],
| total: 0,
| pageSize: 10,
| pageNum: 1,
|
| },
| onReachBottom() {
| console.log('触底事件');
| const { total, dataList, pageNum } = this.data
| if(total > dataList.length){
| this.setData({ pageNum: pageNum + 1 })
| this.getList()
| }else{
| wx.showToast({
| title: '暂无更多数据',
| icon: 'none'
| })
| }
| },
| getList() {
| const { pageSize, pageNum, tagCodes } = this.data
| getZhongTaiVideoPage({
| pageSize,pageNum, tagCodes: tagCodes ? [tagCodes] : null
| }).then(res => {
| this.setData({
| dataList: [...this.data.dataList, ...res.data.records],
| total: res.data.total
| })
| })
| },
| getTagList() {
| getCataLogTagList({
| catalogCode: 'video_rec'
| }).then(res => {
| this.setData({ category: res.data })
| })
| },
| itemClick(e) {
| const { videourl } = e.currentTarget.dataset
| this.startPlayVideo(videourl)
|
| // wx.previewMedia({
| // sources: [{ url: videourl, type: 'video' }]
| // })
| },
| cateClick(e) {
| const { code } = e.target.dataset
| this.setData({ tagCodes: code })
| this.setData({ total: 0, dataList: [], pageNum: 1 })
| this.getList()
| },
| seCateClick(e) {
| const { index } = e.target.dataset
| console.log(index);
| },
| onLoad(options) {
| this.getTagList()
| this.getList()
| this.videoContext = wx.createVideoContext('myVideo')
| },
|
| /**
| * 生命周期函数--监听页面初次渲染完成
| */
| onReady() {
|
| },
|
| /**
| * 生命周期函数--监听页面显示
| */
| onShow() {
|
| },
|
| /**
| * 生命周期函数--监听页面隐藏
| */
| onHide() {
|
| },
|
| /**
| * 生命周期函数--监听页面卸载
| */
| onUnload() {
|
| },
|
| /**
| * 页面相关事件处理函数--监听用户下拉动作
| */
| onPullDownRefresh() {
|
| },
| /**
| * 用户点击右上角分享
| */
| onShareAppMessage() {
|
| },
| startPlayVideo(videourl){
| this.setData({isShow:true, curVideoSrc:videourl})
| console.log(videourl)
| this.videoContext.requestFullScreen({
| // direction: 0
| });
| },
| onClose(){
| this.setData({isShow:false})
| if(this.videoContext){
| this.videoContext.exitFullScreen()
| }
| }
| })
|
|
