detail.wxml
3.46 KB
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
<view class="page">
<view class="app__bgc bgc"></view>
<view class="app__bg bg"></view>
<view class="app__content main">
<view class="top-space"></view>
<view class="content">
<!-- 视频详情 -->
<view class="detail">
<view class="vid-wrap" style='height: {{vidHeight}}px;'>
<video wx:if="{{!isVideoEnded}}" id="vid" bindended="onVideoEndedHandler" objectFit="contain" class="vid" poster="{{detailData.thumbnail}}" src="{{detailData.videoUrl}}" />
<view wx:else class="btn-wrap">
<button bindtap="onReplayHandler" class="btn">
<span class="t1 iconfont iconrefresh"></span>
<span class="tt">重播</span>
</button>
<button open-type="share" class="btn btn2 ani-scl">
<span class="t1 iconfont iconwechat"></span>
<span class="tt">分享</span>
</button>
</view>
</view>
</view>
<view class="share">
<view class="btn-wrap">
<button open-type="share" class=" btn btn2">
<span class="t1 iconfont iconplane"></span>
<span class="t1">分享给好友</span>
</button>
<button open-type="share" class="ani-scl btn ">
<span class="t1 iconfont iconplane"></span>
<span class="t1">分享到群</span>
</button>
</view>
</view>
<!-- 功能区小标题 -->
<view class="fc-tit">超有创意的全家福，看了你也想拍！</view>
<!-- 功能区 -->
<view class="func">
<view bindtap="toPersonalList" class="user">
<image class="portrait" mode="aspectFill" src="{{detailData.headImage}}" />
<view class="desc">
<view class="t1 name">{{detailData.accountName}}</view>
<view class="t1 num">{{detailData.count || 0}}个视频</view>
</view>
</view>
<view class="btn-wrap">
<view bindtap="toIndex" class="index-btn btn">
<span class="t1 iconfont iconhome"></span>
<span>回到首页</span>
</view>
</view>
</view>
<!-- 广告 -->
<!-- 装饰物 -->
<view class="decoration">
<image mode="widthFix" src="../../image/detail/decoration_c1.png" />
</view>
<!-- 更多推荐 -->
<view class="more">
<view class="more-title">-- 更多推荐欣赏 --</view>
<view class="more-list">
<view bindtap="onDetailHandler" data-data="{{item}}" data-index="{{index}}" wx:for="{{dataList}}" wx:key="{{index}}" class="more-list-item">
<view class="tit">{{item.videoName}}</view>
<image class="poster" src="{{item.thumbnail}}" />
</view>
<!-- <view wx:for="{{2}}" wx:key="{{index}}" class="more-list-item">
<view class="tit">新政策来了！家有小孩的都要过来看看</view>
<image class="poster" src="https://kd.cdn.xyiyang.com/pro/mzczcradmin/008194acee794506aac4c7200ce654dc.jpg" />
</view> -->
</view>
</view>
<!-- 返回首页按钮 -->
<view bindtap="toIndex" class="index-btn">
<span class="t1 iconfont iconhome"></span>
<span>返回首页</span>
</view>
</view>
</view>
</view>
<van-popup show="{{ authorizeVisible }}">
<authorize-comp bind:evtcomp="evtcomp"></authorize-comp>
</van-popup>
<shortcut class="red-p" types="{{[]}}" pics="{{['red-package']}}"></shortcut>
<shortcut></shortcut>