默认提交
Showing
3 changed files
with
24 additions
and
9 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 { | 29 | .vid-wrap { |
30 | text-align: center; | 30 | @extend .fcc; |
31 | margin: 160px auto 0; | 31 | @extend .bb; |
32 | // padding-top: 20px; | ||
32 | width: 100%; | 33 | width: 100%; |
33 | // height: 400px; | 34 | height: 720px; |
35 | // background-color: wheat; | ||
36 | |||
37 | .vid { | ||
38 | text-align: center; | ||
39 | width: 100%; | ||
40 | height: 100%; | ||
41 | } | ||
34 | } | 42 | } |
35 | 43 | ||
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 | <video objectFit="contain" class="vid" poster="{{detailData.thumbnail}}" src="{{detailData.videoUrl}}" /> | 9 | <view class="vid-wrap"> |
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