detail.wxml 2.93 KB
<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">
          <video objectFit="contain" class="vid" poster="{{detailData.thumbnail}}" src="{{detailData.videoUrl}}" />
        </view>
      </view>
      <div 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>
      </div>
      <!-- 功能区小标题 -->
      <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>