默认提交
Showing
26 changed files
with
276 additions
and
105 deletions
... | @@ -43,12 +43,6 @@ App({ | ... | @@ -43,12 +43,6 @@ App({ |
43 | this.globalData.statusBarHeight = wx.getSystemInfoSync().statusBarHeight; | 43 | this.globalData.statusBarHeight = wx.getSystemInfoSync().statusBarHeight; |
44 | this.globalData.barHeight = height; | 44 | this.globalData.barHeight = height; |
45 | this.share(); | 45 | this.share(); |
46 | // 打点 | ||
47 | this.stat({ | ||
48 | classify: "minipro", | ||
49 | action: "detail_page", | ||
50 | primaryCode: "", | ||
51 | }); | ||
52 | }, | 46 | }, |
53 | globalData: { | 47 | globalData: { |
54 | share: false, | 48 | share: false, | ... | ... |
... | @@ -59,7 +59,6 @@ Component({ | ... | @@ -59,7 +59,6 @@ Component({ |
59 | // showCancel: false, | 59 | // showCancel: false, |
60 | // success(res) {} | 60 | // success(res) {} |
61 | // }); | 61 | // }); |
62 | console.log("1111"); | ||
63 | app.router.push({ | 62 | app.router.push({ |
64 | path: "reward" | 63 | path: "reward" |
65 | }) | 64 | }) |
... | @@ -72,8 +71,14 @@ Component({ | ... | @@ -72,8 +71,14 @@ Component({ |
72 | // 客服消息 | 71 | // 客服消息 |
73 | handleContact(e) { | 72 | handleContact(e) { |
74 | console.log("handleContact"); | 73 | console.log("handleContact"); |
75 | console.log(e.detail.path) | 74 | console.log(e.detail.path); |
76 | console.log(e.detail.query) | 75 | console.log(e.detail.query); |
76 | // 打点 | ||
77 | app.stat({ | ||
78 | classify: "service", | ||
79 | action: "service_click", | ||
80 | primaryCode: "", | ||
81 | }); | ||
77 | } | 82 | } |
78 | } | 83 | } |
79 | }) | 84 | }) | ... | ... |
... | @@ -5,7 +5,7 @@ | ... | @@ -5,7 +5,7 @@ |
5 | <view wx:for="{{pics}}" wx:key="{{index}}" data-data="{{item}}" bindtap="onTapHandler" class="btn"> | 5 | <view wx:for="{{pics}}" wx:key="{{index}}" data-data="{{item}}" bindtap="onTapHandler" class="btn"> |
6 | <image mode="aspectFit" src="{{'../../image/shortcut/'+item+'.png'}}" class="pics ani-tada" /> | 6 | <image mode="aspectFit" src="{{'../../image/shortcut/'+item+'.png'}}" class="pics ani-tada" /> |
7 | </view> | 7 | </view> |
8 | <button class="btn point" wx:if="{{contact}}" open-type="contact" bindcontact="handleContact"> | 8 | <button class="btn point" wx:if="{{contact}}" open-type="contact" show-message-card="true" send-message-title="家有儿孙" end-message-path="/pages/index/index" send-message-img="https://kdcdn.oss-cn-shenzhen.aliyuncs.com/weapp/jyes/assets/logo.jpeg" bindcontact="handleContact"> |
9 | <span class="iconfont iconicon-test3 contact"></span> | 9 | <span class="iconfont iconicon-test3 contact"></span> |
10 | </button> | 10 | </button> |
11 | </view> | 11 | </view> | ... | ... |
... | @@ -9,7 +9,7 @@ module.exports = { | ... | @@ -9,7 +9,7 @@ module.exports = { |
9 | videoAcccout: '/video/account', // 帐号下的视频 | 9 | videoAcccout: '/video/account', // 帐号下的视频 |
10 | videoDetail: '/video/detail', // 视频详情 | 10 | videoDetail: '/video/detail', // 视频详情 |
11 | rewardOrder: '/hide/order', // 打赏成功获取视频 | 11 | rewardOrder: '/hide/order', // 打赏成功获取视频 |
12 | rewardDetail: '/hide/detail', // 获得隐藏视频详情 | 12 | hideDetail: '/hide/detail', // 获得隐藏视频详情 |
13 | videoMore: '/video/more', // 更多推荐 | 13 | videoMore: '/video/more', // 更多推荐 |
14 | accountDetail: '/account/detail', // 帐号详情 | 14 | accountDetail: '/account/detail', // 帐号详情 |
15 | wxPay: '/wx/pay', // 帐号详情 | 15 | wxPay: '/wx/pay', // 帐号详情 | ... | ... |
src/image/reward/m-1.png
0 → 100644
11.8 KB
src/image/reward/m-168.png
deleted
100644 → 0
12 KB
src/image/reward/m-18.png
deleted
100644 → 0
10.6 KB
src/image/reward/m-2.png
0 → 100644
10.5 KB
src/image/reward/m-3.png
0 → 100644
11.4 KB
src/image/reward/m-388.png
deleted
100644 → 0
11.9 KB
src/image/reward/m-4.png
0 → 100644
11.5 KB
src/image/reward/m-5.png
0 → 100644
12 KB
src/image/reward/m-66.png
deleted
100644 → 0
11.1 KB
src/image/reward/m-88.png
deleted
100644 → 0
11.5 KB
... | @@ -21,7 +21,19 @@ Page({ | ... | @@ -21,7 +21,19 @@ Page({ |
21 | vidHeight: 0, // 视频高度 | 21 | vidHeight: 0, // 视频高度 |
22 | isVideoEnded: false, | 22 | isVideoEnded: false, |
23 | }, | 23 | }, |
24 | onShareAppMessage() { | 24 | onShareAppMessage(res) { |
25 | if (res.from === 'button') { | ||
26 | // 来自页面内转发按钮 | ||
27 | } else { | ||
28 | // 打点 | ||
29 | app.stat({ | ||
30 | classify: "share", | ||
31 | action: "detail_page_share", | ||
32 | primaryCode: this.data.detailData.videoCode, | ||
33 | }); | ||
34 | } | ||
35 | |||
36 | |||
25 | let detailData = this.data.detailData; | 37 | let detailData = this.data.detailData; |
26 | let title = detailData && detailData.videoName || ""; | 38 | let title = detailData && detailData.videoName || ""; |
27 | let path = `pages/detail/detail?c=${detailData.videoCode}`; | 39 | let path = `pages/detail/detail?c=${detailData.videoCode}`; |
... | @@ -112,6 +124,24 @@ Page({ | ... | @@ -112,6 +124,24 @@ Page({ |
112 | this.setData({ | 124 | this.setData({ |
113 | isVideoEnded: true | 125 | isVideoEnded: true |
114 | }) | 126 | }) |
127 | // 打点 | ||
128 | app.stat({ | ||
129 | classify: "play", | ||
130 | action: "play_end", | ||
131 | primaryCode: this.data.detailData.videoCode, | ||
132 | }); | ||
133 | }, | ||
134 | |||
135 | /** | ||
136 | * 播放开始 | ||
137 | */ | ||
138 | onVideoPlayHandler(evt) { | ||
139 | // 打点 | ||
140 | app.stat({ | ||
141 | classify: "play", | ||
142 | action: "video_code", | ||
143 | primaryCode: this.data.detailData.videoCode, | ||
144 | }); | ||
115 | }, | 145 | }, |
116 | 146 | ||
117 | /** | 147 | /** |
... | @@ -125,6 +155,28 @@ Page({ | ... | @@ -125,6 +155,28 @@ Page({ |
125 | this.setData({ | 155 | this.setData({ |
126 | isVideoEnded: false | 156 | isVideoEnded: false |
127 | }) | 157 | }) |
158 | // 打点 | ||
159 | app.stat({ | ||
160 | classify: "play", | ||
161 | action: "video_code", | ||
162 | primaryCode: this.data.detailData.videoCode, | ||
163 | }); | ||
164 | }, | ||
165 | |||
166 | onShareFriend(){ | ||
167 | app.stat({ | ||
168 | classify: "share", | ||
169 | action: "detail_page_button_friend_share", | ||
170 | primaryCode: this.data.detailData.videoCode, | ||
171 | }); | ||
172 | }, | ||
173 | |||
174 | onShareGroup(){ | ||
175 | app.stat({ | ||
176 | classify: "share", | ||
177 | action: "detail_page_button_group_share", | ||
178 | primaryCode: this.data.detailData.videoCode, | ||
179 | }); | ||
128 | }, | 180 | }, |
129 | 181 | ||
130 | /** | 182 | /** |
... | @@ -166,12 +218,6 @@ Page({ | ... | @@ -166,12 +218,6 @@ Page({ |
166 | * 视频详情 | 218 | * 视频详情 |
167 | */ | 219 | */ |
168 | queryVideoDetail() { | 220 | queryVideoDetail() { |
169 | // 打点 | ||
170 | app.stat({ | ||
171 | classify: "page", | ||
172 | action: "detail_page", | ||
173 | primaryCode: this.data.options.c, | ||
174 | }); | ||
175 | 221 | ||
176 | return new Promise((resolve, reject) => { | 222 | return new Promise((resolve, reject) => { |
177 | app.post({ | 223 | app.post({ | ... | ... |
... | @@ -7,7 +7,7 @@ | ... | @@ -7,7 +7,7 @@ |
7 | <!-- 视频详情 --> | 7 | <!-- 视频详情 --> |
8 | <view class="detail"> | 8 | <view class="detail"> |
9 | <view class="vid-wrap" style='height: {{vidHeight}}rpx;'> | 9 | <view class="vid-wrap" style='height: {{vidHeight}}rpx;'> |
10 | <video wx:if="{{!isVideoEnded}}" id="vid" bindended="onVideoEndedHandler" objectFit="contain" class="vid" poster="{{detailData.thumbnail}}" src="{{detailData.videoUrl}}" /> | 10 | <video wx:if="{{!isVideoEnded}}" id="vid" bindended="onVideoEndedHandler" bindplay="onVideoPlayHandler" objectFit="contain" class="vid" poster="{{detailData.thumbnail}}" src="{{detailData.videoUrl}}" /> |
11 | <view wx:else class="btn-wrap"> | 11 | <view wx:else class="btn-wrap"> |
12 | <button bindtap="onReplayHandler" class="btn"> | 12 | <button bindtap="onReplayHandler" class="btn"> |
13 | <span class="t1 iconfont iconrefresh"></span> | 13 | <span class="t1 iconfont iconrefresh"></span> |
... | @@ -22,11 +22,11 @@ | ... | @@ -22,11 +22,11 @@ |
22 | </view> | 22 | </view> |
23 | <view class="share"> | 23 | <view class="share"> |
24 | <view class="btn-wrap"> | 24 | <view class="btn-wrap"> |
25 | <button open-type="share" class="btn "> | 25 | <button open-type="share" class="btn" bindtap="onShareFriend"> |
26 | <span class="t1 iconfont iconplane"></span> | 26 | <span class="t1 iconfont iconplane"></span> |
27 | <span class="t1">分享给好友</span> | 27 | <span class="t1">分享给好友</span> |
28 | </button> | 28 | </button> |
29 | <button open-type="share" class="ani-scl btn btn2"> | 29 | <button open-type="share" class="ani-scl btn btn2" bindtap="onShareGroup"> |
30 | <span class="t1 iconfont iconplane"></span> | 30 | <span class="t1 iconfont iconplane"></span> |
31 | <span class="t1">分享到群</span> | 31 | <span class="t1">分享到群</span> |
32 | </button> | 32 | </button> | ... | ... |
... | @@ -18,25 +18,16 @@ Page({ | ... | @@ -18,25 +18,16 @@ Page({ |
18 | active: 0, | 18 | active: 0, |
19 | curBanner: {} | 19 | curBanner: {} |
20 | }, | 20 | }, |
21 | onShareAppMessage(options) { | 21 | onShareAppMessage(res) { |
22 | console.log("options:", options); | 22 | if (res.from === 'button') { |
23 | let title = ""; | 23 | // 来自页面内转发按钮 |
24 | let path = ""; | 24 | } else { |
25 | let imageUrl = ""; | 25 | // 打点 |
26 | 26 | app.stat({ | |
27 | if (options && options.from == "button") { | 27 | classify: "share", |
28 | // 点击按钮监听 | 28 | action: "list_page_share", |
29 | let detailData = options.target.dataset.data; | 29 | primaryCode: this.data.curTab.tabCode, |
30 | if (detailData) { | 30 | }); |
31 | title = detailData && detailData.videoName || ""; | ||
32 | path = `pages/detail/detail?c=${detailData.videoCode}`; | ||
33 | imageUrl = detailData && detailData.thumbnail || ""; | ||
34 | } | ||
35 | } | ||
36 | return { | ||
37 | title, | ||
38 | path, | ||
39 | imageUrl | ||
40 | } | 31 | } |
41 | }, | 32 | }, |
42 | showAuth() { | 33 | showAuth() { |
... | @@ -186,6 +177,16 @@ Page({ | ... | @@ -186,6 +177,16 @@ Page({ |
186 | 177 | ||
187 | }, | 178 | }, |
188 | 179 | ||
180 | |||
181 | onShareItem(evt){ | ||
182 | let curItem = getBindtapData(evt); | ||
183 | app.stat({ | ||
184 | classify: "share", | ||
185 | action: "list_page_button_share", | ||
186 | primaryCode: curItem.videoCode | ||
187 | }); | ||
188 | }, | ||
189 | |||
189 | /** | 190 | /** |
190 | * 到个人列表页面 | 191 | * 到个人列表页面 |
191 | */ | 192 | */ |
... | @@ -225,13 +226,6 @@ Page({ | ... | @@ -225,13 +226,6 @@ Page({ |
225 | */ | 226 | */ |
226 | queryBannerList() { | 227 | queryBannerList() { |
227 | 228 | ||
228 | // 打点 | ||
229 | app.stat({ | ||
230 | classify: "page", | ||
231 | action: "tab_page", | ||
232 | primaryCode: this.data.curTab.tabCode || "" | ||
233 | }); | ||
234 | |||
235 | return new Promise((resolve, reject) => { | 229 | return new Promise((resolve, reject) => { |
236 | app.post({ | 230 | app.post({ |
237 | sid: false, | 231 | sid: false, | ... | ... |
... | @@ -136,7 +136,7 @@ | ... | @@ -136,7 +136,7 @@ |
136 | position: absolute; | 136 | position: absolute; |
137 | left: 0; | 137 | left: 0; |
138 | right: 0; | 138 | right: 0; |
139 | top: 72px; | 139 | top: 52px; |
140 | margin: 0 auto; | 140 | margin: 0 auto; |
141 | text-align: center; | 141 | text-align: center; |
142 | font-weight: bold; | 142 | font-weight: bold; | ... | ... |
... | @@ -38,7 +38,7 @@ | ... | @@ -38,7 +38,7 @@ |
38 | <image class="portrait" mode="aspectFill" src="{{item.headImage}}" /> | 38 | <image class="portrait" mode="aspectFill" src="{{item.headImage}}" /> |
39 | <text class="name">{{item.accountName || ""}}</text> | 39 | <text class="name">{{item.accountName || ""}}</text> |
40 | </view> | 40 | </view> |
41 | <button data-data="{{item}}" data-index="{{index}}" class="share" open-type="share"> | 41 | <button data-data="{{item}}" data-index="{{index}}" class="share" open-type="share" bindtap="onShareItem"> |
42 | <span class="t1 iconfont iconwechat"></span> | 42 | <span class="t1 iconfont iconwechat"></span> |
43 | <span class="t1">分享</span> | 43 | <span class="t1">分享</span> |
44 | </button> | 44 | </button> | ... | ... |
... | @@ -14,25 +14,23 @@ Page({ | ... | @@ -14,25 +14,23 @@ Page({ |
14 | options: {}, | 14 | options: {}, |
15 | personInfo: {} | 15 | personInfo: {} |
16 | }, | 16 | }, |
17 | onShareAppMessage(options) { | 17 | onShareAppMessage(res) { |
18 | console.log("options:", options); | 18 | if (res.from === 'button') { |
19 | let title = ""; | 19 | // 来自页面内转发按钮 |
20 | let path = ""; | 20 | } else { |
21 | let imageUrl = ""; | 21 | // 打点 |
22 | 22 | app.stat({ | |
23 | if (options && options.from == "button") { | 23 | classify: "share", |
24 | // 点击按钮监听 | 24 | action: "account_page_share", |
25 | let detailData = options.target.dataset.data; | 25 | primaryCode: this.data.options.c, |
26 | if (detailData) { | 26 | }); |
27 | title = detailData && detailData.videoName || ""; | ||
28 | path = `pages/detail/detail?c=${detailData.videoCode}`; | ||
29 | imageUrl = detailData && detailData.thumbnail || ""; | ||
30 | } | ||
31 | } | 27 | } |
28 | |||
29 | |||
30 | let opts = this.data.options; | ||
31 | let path = `pages/personal-list/personal-list?c=${opts.c}`; | ||
32 | return { | 32 | return { |
33 | title, | ||
34 | path, | 33 | path, |
35 | imageUrl | ||
36 | } | 34 | } |
37 | }, | 35 | }, |
38 | showAuth() { | 36 | showAuth() { |
... | @@ -84,6 +82,16 @@ Page({ | ... | @@ -84,6 +82,16 @@ Page({ |
84 | }) | 82 | }) |
85 | }, | 83 | }, |
86 | 84 | ||
85 | |||
86 | onShareItem(evt){ | ||
87 | let curItem = getBindtapData(evt); | ||
88 | app.stat({ | ||
89 | classify: "share", | ||
90 | action: "account_page_button_share", | ||
91 | primaryCode: curItem.videoCode | ||
92 | }); | ||
93 | }, | ||
94 | |||
87 | /** | 95 | /** |
88 | * 账号星期 | 96 | * 账号星期 |
89 | */ | 97 | */ | ... | ... |
... | @@ -24,7 +24,7 @@ | ... | @@ -24,7 +24,7 @@ |
24 | <image class="portrait" mode="aspectFill" src="{{item.headImage}}" /> | 24 | <image class="portrait" mode="aspectFill" src="{{item.headImage}}" /> |
25 | <text class="name">{{item.accountName || ""}}</text> | 25 | <text class="name">{{item.accountName || ""}}</text> |
26 | </view> | 26 | </view> |
27 | <button data-data="{{item}}" data-index="{{index}}" class="share" open-type="share"> | 27 | <button data-data="{{item}}" data-index="{{index}}" class="share" open-type="share" bindtap="onShareItem"> |
28 | <span class="t1 iconfont iconwechat"></span> | 28 | <span class="t1 iconfont iconwechat"></span> |
29 | <span class="t1">分享</span> | 29 | <span class="t1">分享</span> |
30 | </button> | 30 | </button> | ... | ... |
... | @@ -4,6 +4,8 @@ import { | ... | @@ -4,6 +4,8 @@ import { |
4 | getLastScreenHeight | 4 | getLastScreenHeight |
5 | } from '../../utils/util'; | 5 | } from '../../utils/util'; |
6 | 6 | ||
7 | |||
8 | // code "201912261553282091540" | ||
7 | let app = getApp(); | 9 | let app = getApp(); |
8 | Page({ | 10 | Page({ |
9 | data: { | 11 | data: { |
... | @@ -21,7 +23,18 @@ Page({ | ... | @@ -21,7 +23,18 @@ Page({ |
21 | vidHeight: 0, // 视频高度 | 23 | vidHeight: 0, // 视频高度 |
22 | isVideoEnded: false, | 24 | isVideoEnded: false, |
23 | }, | 25 | }, |
24 | onShareAppMessage() { | 26 | onShareAppMessage(res) { |
27 | if (res.from === 'button') { | ||
28 | // 来自页面内转发按钮 | ||
29 | }else{ | ||
30 | // 打点 | ||
31 | app.stat({ | ||
32 | classify: "hide", | ||
33 | action: "hide_detail_page_share", | ||
34 | primaryCode: this.data.detailData.videoCode, | ||
35 | }); | ||
36 | } | ||
37 | |||
25 | let detailData = this.data.detailData; | 38 | let detailData = this.data.detailData; |
26 | let title = detailData && detailData.videoName || ""; | 39 | let title = detailData && detailData.videoName || ""; |
27 | let path = `pages/detail/detail?c=${detailData.videoCode}`; | 40 | let path = `pages/detail/detail?c=${detailData.videoCode}`; |
... | @@ -31,7 +44,6 @@ Page({ | ... | @@ -31,7 +44,6 @@ Page({ |
31 | path, | 44 | path, |
32 | imageUrl | 45 | imageUrl |
33 | } | 46 | } |
34 | |||
35 | }, | 47 | }, |
36 | showAuth() { | 48 | showAuth() { |
37 | this.setData({ | 49 | this.setData({ |
... | @@ -109,6 +121,26 @@ Page({ | ... | @@ -109,6 +121,26 @@ Page({ |
109 | this.setData({ | 121 | this.setData({ |
110 | isVideoEnded: true | 122 | isVideoEnded: true |
111 | }) | 123 | }) |
124 | |||
125 | // 打点 | ||
126 | app.stat({ | ||
127 | classify: "hide", | ||
128 | action: "hide_play_end", | ||
129 | primaryCode: this.data.detailData.videoCode, | ||
130 | }); | ||
131 | }, | ||
132 | |||
133 | |||
134 | /** | ||
135 | * 播放开始 | ||
136 | */ | ||
137 | onVideoPlayHandler(evt) { | ||
138 | // 打点 | ||
139 | app.stat({ | ||
140 | classify: "hide", | ||
141 | action: "hide_play", | ||
142 | primaryCode: this.data.detailData.videoCode, | ||
143 | }); | ||
112 | }, | 144 | }, |
113 | 145 | ||
114 | /** | 146 | /** |
... | @@ -122,6 +154,12 @@ Page({ | ... | @@ -122,6 +154,12 @@ Page({ |
122 | this.setData({ | 154 | this.setData({ |
123 | isVideoEnded: false | 155 | isVideoEnded: false |
124 | }) | 156 | }) |
157 | // 打点 | ||
158 | app.stat({ | ||
159 | classify: "hide", | ||
160 | action: "hide_play", | ||
161 | primaryCode: this.data.detailData.videoCode, | ||
162 | }); | ||
125 | }, | 163 | }, |
126 | 164 | ||
127 | /** | 165 | /** |
... | @@ -163,29 +201,35 @@ Page({ | ... | @@ -163,29 +201,35 @@ Page({ |
163 | * 视频详情 | 201 | * 视频详情 |
164 | */ | 202 | */ |
165 | queryVideoDetail() { | 203 | queryVideoDetail() { |
204 | console.log("reward-completed query:", this.data.options); | ||
166 | return new Promise((resolve, reject) => { | 205 | return new Promise((resolve, reject) => { |
167 | app.post({ | 206 | app.post({ |
168 | url: app.api.rewardDetail, | 207 | url: app.api.rewardOrder, |
169 | data: { | 208 | data: { |
170 | videoCode: this.data.options.c | 209 | videoCode: this.data.options.c, |
210 | orderCode: this.data.options.c, | ||
171 | } | 211 | } |
172 | }).then((result) => { | 212 | }).then((result) => { |
173 | this.setData({ | 213 | this.setData({ |
174 | detailData: result | 214 | detailData: result |
175 | }) | 215 | }) |
176 | // let { | 216 | let { |
177 | // width, | 217 | width, |
178 | // height | 218 | height |
179 | // } = result; | 219 | } = result; |
180 | // let vidHeight = (height / width) * 750; | 220 | let vidHeight = (height / width) * 750; |
181 | // if (vidHeight < 800) { | 221 | if (vidHeight < 800) { |
182 | // vidHeight = 800; | 222 | vidHeight = 800; |
183 | // } else { | 223 | } else { |
184 | // vidHeight = getLastScreenHeight(132); | 224 | vidHeight = getLastScreenHeight(132); |
185 | // } | 225 | } |
186 | // this.setData({ | 226 | console.log("vidHeight:", vidHeight); |
187 | // vidHeight: vidHeight, | 227 | // vidHeight = pxToRpx(vidHeight); |
188 | // }); | 228 | // let vidHeight = getLastScreenHeight(132); |
229 | |||
230 | this.setData({ | ||
231 | vidHeight: vidHeight, | ||
232 | }); | ||
189 | 233 | ||
190 | resolve(result); | 234 | resolve(result); |
191 | }).catch((err) => { | 235 | }).catch((err) => { | ... | ... |
... | @@ -39,11 +39,65 @@ | ... | @@ -39,11 +39,65 @@ |
39 | color: #4a4a4a; | 39 | color: #4a4a4a; |
40 | } | 40 | } |
41 | 41 | ||
42 | .vid-wrap { | ||
43 | position: relative; | ||
44 | @extend .fcc; | ||
45 | @extend .bb; | ||
46 | width: 100%; | ||
47 | height: 480px; | ||
48 | margin: 16px auto 0; | ||
49 | |||
50 | text-align: center; | ||
51 | |||
42 | .vid { | 52 | .vid { |
43 | margin: 24px auto 0; | 53 | margin: 24px auto 0; |
44 | width: 710px; | 54 | width: 710px; |
45 | border-radius: 16px; | 55 | border-radius: 16px; |
46 | } | 56 | } |
57 | .btn-wrap { | ||
58 | display: flex; | ||
59 | justify-content: center; | ||
60 | align-items: center; | ||
61 | margin: 0 auto; | ||
62 | width: 710px; | ||
63 | height: 100%; | ||
64 | background-color: #333333; | ||
65 | |||
66 | .btn { | ||
67 | background-color: transparent; | ||
68 | @extend .fcc; | ||
69 | margin: 0 24px; | ||
70 | border: solid 4px #ffffff; | ||
71 | width: 300px; | ||
72 | height: 84px; | ||
73 | border-radius: 84px; | ||
74 | |||
75 | color: #ffffff; | ||
76 | |||
77 | .iconfont { | ||
78 | font-size: 48px; | ||
79 | } | ||
80 | |||
81 | .tt { | ||
82 | font-weight: bold; | ||
83 | font-size: 36px; | ||
84 | padding: 0 8px; | ||
85 | } | ||
86 | |||
87 | .t2 {} | ||
88 | } | ||
89 | |||
90 | .btn2 { | ||
91 | background-color: #f67b37; | ||
92 | border: none; | ||
93 | } | ||
94 | |||
95 | |||
96 | } | ||
97 | |||
98 | } | ||
99 | |||
100 | |||
47 | } | 101 | } |
48 | 102 | ||
49 | 103 | ... | ... |
... | @@ -6,22 +6,34 @@ | ... | @@ -6,22 +6,34 @@ |
6 | <view class="content"> | 6 | <view class="content"> |
7 | <!-- 赞赏成功提示 --> | 7 | <!-- 赞赏成功提示 --> |
8 | <view class="reward"> | 8 | <view class="reward"> |
9 | <text class="tips tips1">赞赏成功!\n我们将持续为您奉献精彩内容!</text> | 9 | <text class="tips tips1">赞赏成功!\n {{detailData.blessingOne}}</text> |
10 | <text class="tips tips2">解锁一段隐藏祝福视频,请有缘人观看</text> | 10 | <text class="tips tips2">{{detailData.blessingTwo}}</text> |
11 | <video objectFit="contain" class="vid" poster="https://kd.cdn.xyiyang.com/pro/mzczcradmin/008194acee794506aac4c7200ce654dc.jpg" src="https://kd.cdn.xyiyang.com/pro/mzczcradmin/7e91e8a4c7b84e6fa4bada7c8617c9cf.mp4" /> | 11 | <view class="vid-wrap" > |
12 | <video wx:if="{{!isVideoEnded}}" id="vid" bindended="onVideoEndedHandler" bindplay="onVideoPlayHandler" objectFit="contain" class="vid" poster="{{detailData.thumbnail}}" src="{{detailData.videoUrl}}" /> | ||
13 | <view wx:else class="btn-wrap"> | ||
14 | <button bindtap="onReplayHandler" class="btn"> | ||
15 | <span class="t1 iconfont iconrefresh"></span> | ||
16 | <span class="tt">重播</span> | ||
17 | </button> | ||
18 | <button open-type="share" class="btn btn2 ani-scl"> | ||
19 | <span class="t1 iconfont iconwechat"></span> | ||
20 | <span class="tt">分享</span> | ||
21 | </button> | ||
22 | </view> | ||
23 | </view> | ||
12 | </view> | 24 | </view> |
13 | <!-- 功能区 --> | 25 | <!-- 功能区 --> |
14 | <view class="func"> | 26 | <view class="func"> |
15 | <view bindtap="toPersonalList" class="user"> | 27 | <view bindtap="toPersonalList" class="user"> |
16 | <image class="portrait" mode="aspectFill" src="https://kd.cdn.xyiyang.com/pro/mzczcradmin/008194acee794506aac4c7200ce654dc.jpg" /> | 28 | <image class="portrait" mode="aspectFill" src="{{detailData.headImage}}" /> |
17 | <view class="desc"> | 29 | <view class="desc"> |
18 | <view class="t1 name">我爱我家</view> | 30 | <view class="t1 name">{{detailData.accountName}}</view> |
19 | <view class="t1 num">280个视频</view> | 31 | <view class="t1 num">{{detailData.count || 0}}个视频</view> |
20 | </view> | 32 | </view> |
21 | </view> | 33 | </view> |
22 | <view class="btn-wrap"> | 34 | <view class="btn-wrap"> |
23 | <!-- <view class="tit">{{item.videoName}}</view> --> | 35 | <!-- <view class="tit">{{item.videoName}}</view> --> |
24 | <view class="tit">一家人在一起的时刻</view> | 36 | <!-- <view class="tit">一家人在一起的时刻</view> --> |
25 | <!-- <view class="btn btn2"> | 37 | <!-- <view class="btn btn2"> |
26 | <span>更多推荐</span> | 38 | <span>更多推荐</span> |
27 | </view> --> | 39 | </view> --> | ... | ... |
... | @@ -13,38 +13,52 @@ Page({ | ... | @@ -13,38 +13,52 @@ Page({ |
13 | indexInfo: {}, | 13 | indexInfo: {}, |
14 | userInfo: {}, | 14 | userInfo: {}, |
15 | rewardList: [{ | 15 | rewardList: [{ |
16 | price: 6, | 16 | price: 1, |
17 | packet: "SIX_PACKET" | 17 | packet: "price1" |
18 | }, | 18 | }, |
19 | { | 19 | { |
20 | price: 18, | 20 | price: 2, |
21 | packet: "EIGHTEEN_PACKET" | 21 | packet: "price2" |
22 | }, | 22 | }, |
23 | { | 23 | { |
24 | price: 66, | 24 | price: 3, |
25 | packet: "SIXTY_SIX_PACKET" | 25 | packet: "price3" |
26 | }, | 26 | }, |
27 | { | 27 | { |
28 | price: 88, | 28 | price: 4, |
29 | packet: "EIGHTY_EIGHT_PACKET" | 29 | packet: "price4" |
30 | }, | 30 | }, |
31 | { | 31 | { |
32 | price: 168, | 32 | price: 5, |
33 | packet: "ONE_SIXTY_EIGHT_PACKET" | 33 | packet: "price5" |
34 | }, | 34 | }, |
35 | { | 35 | { |
36 | price: 388, | 36 | price: 6, |
37 | packet: "THREE_EIGHTY_EIGHT_PACKET" | 37 | packet: "price6" |
38 | }, | 38 | }, |
39 | ] | 39 | ] |
40 | }, | 40 | }, |
41 | onShareAppMessage() {}, | 41 | onShareAppMessage(res) {}, |
42 | showAuth() { | 42 | showAuth() { |
43 | this.setData({ | 43 | this.setData({ |
44 | authorizeVisible: true | 44 | authorizeVisible: true |
45 | }) | 45 | }) |
46 | }, | 46 | }, |
47 | onLoad(options) {}, | 47 | onLoad(options) { |
48 | |||
49 | if (res.from === 'button') { | ||
50 | // 来自页面内转发按钮 | ||
51 | } else { | ||
52 | // 打点 | ||
53 | app.stat({ | ||
54 | classify: "page", | ||
55 | action: "reword_page", | ||
56 | primaryCode: "", | ||
57 | }); | ||
58 | } | ||
59 | |||
60 | |||
61 | }, | ||
48 | 62 | ||
49 | /** | 63 | /** |
50 | * 基础方法 | 64 | * 基础方法 |
... | @@ -99,7 +113,7 @@ Page({ | ... | @@ -99,7 +113,7 @@ Page({ |
99 | app.router.push({ | 113 | app.router.push({ |
100 | path: "rewardCompleted", | 114 | path: "rewardCompleted", |
101 | query: { | 115 | query: { |
102 | c: "" // orderCode | 116 | c: res2.orderCode // orderCode |
103 | } | 117 | } |
104 | }) | 118 | }) |
105 | }, | 119 | }, | ... | ... |
-
Please register or sign in to post a comment