默认提交
Showing
3 changed files
with
21 additions
and
6 deletions
| ... | @@ -26,16 +26,30 @@ | ... | @@ -26,16 +26,30 @@ |
| 26 | background-color: #333333; | 26 | background-color: #333333; |
| 27 | text-align: center; | 27 | text-align: center; |
| 28 | 28 | ||
| 29 | .vid-wrap { | ||
| 30 | @extend .fcc; | ||
| 31 | @extend .bb; | ||
| 32 | // padding-top: 20px; | ||
| 33 | width: 100%; | ||
| 34 | height: 720px; | ||
| 35 | // background-color: wheat; | ||
| 36 | |||
| 29 | .vid { | 37 | .vid { |
| 30 | text-align: center; | 38 | text-align: center; |
| 31 | margin: 160px auto 0; | ||
| 32 | width: 100%; | 39 | width: 100%; |
| 33 | // height: 400px; | 40 | height: 100%; |
| 34 | } | 41 | } |
| 42 | } | ||
| 43 | |||
| 35 | 44 | ||
| 36 | .btn-wrap { | 45 | .btn-wrap { |
| 46 | position: absolute; | ||
| 37 | color: #ffffff; | 47 | color: #ffffff; |
| 38 | margin: 142px auto 0; | 48 | // margin: 40px auto 0; |
| 49 | bottom: 64px; | ||
| 50 | left: 0; | ||
| 51 | right: 0; | ||
| 52 | margin: 0 auto; | ||
| 39 | display: flex; | 53 | display: flex; |
| 40 | 54 | ||
| 41 | .btn { | 55 | .btn { | ... | ... |
| ... | @@ -6,7 +6,9 @@ | ... | @@ -6,7 +6,9 @@ |
| 6 | <view class="content"> | 6 | <view class="content"> |
| 7 | <!-- 视频详情 --> | 7 | <!-- 视频详情 --> |
| 8 | <view class="detail"> | 8 | <view class="detail"> |
| 9 | <view class="vid-wrap"> | ||
| 9 | <video objectFit="contain" class="vid" poster="{{detailData.thumbnail}}" src="{{detailData.videoUrl}}" /> | 10 | <video objectFit="contain" class="vid" poster="{{detailData.thumbnail}}" src="{{detailData.videoUrl}}" /> |
| 11 | </view> | ||
| 10 | <view class="btn-wrap"> | 12 | <view class="btn-wrap"> |
| 11 | <button open-type="share" class="ani-scl btn btn2"> | 13 | <button open-type="share" class="ani-scl btn btn2"> |
| 12 | <span class="t1 iconfont iconplane"></span> | 14 | <span class="t1 iconfont iconplane"></span> |
| ... | @@ -66,9 +68,8 @@ | ... | @@ -66,9 +68,8 @@ |
| 66 | </view> | 68 | </view> |
| 67 | </view> | 69 | </view> |
| 68 | </view> | 70 | </view> |
| 69 | |||
| 70 | <van-popup show="{{ authorizeVisible }}"> | 71 | <van-popup show="{{ authorizeVisible }}"> |
| 71 | <authorize-comp bind:evtcomp="evtcomp"></authorize-comp> | 72 | <authorize-comp bind:evtcomp="evtcomp"></authorize-comp> |
| 72 | </van-popup> | 73 | </van-popup> |
| 73 | <shortcut class="red-p" types="{{[]}}" pics="{{['red-package']}}"></shortcut> | 74 | <shortcut class="red-p" types="{{[]}}" pics="{{['red-package']}}"></shortcut> |
| 74 | <shortcut ></shortcut> | 75 | <shortcut></shortcut> | ... | ... |
-
Please register or sign in to post a comment