no message
Showing
3 changed files
with
10 additions
and
4 deletions
| ... | @@ -8,7 +8,7 @@ | ... | @@ -8,7 +8,7 @@ |
| 8 | <view class="detail"> | 8 | <view class="detail"> |
| 9 | <video objectFit="cover" class="vid" poster="{{detailData.thumbnail}}" src="{{detailData.videoUrl}}" /> | 9 | <video objectFit="cover" class="vid" poster="{{detailData.thumbnail}}" src="{{detailData.videoUrl}}" /> |
| 10 | <view class="btn-wrap"> | 10 | <view class="btn-wrap"> |
| 11 | <button open-type="share" class=" btn btn2"> | 11 | <button open-type="share" class="ani-scl btn btn2"> |
| 12 | <span class="t1 iconfont iconplane"></span> | 12 | <span class="t1 iconfont iconplane"></span> |
| 13 | <span class="t1">分享给好友</span> | 13 | <span class="t1">分享给好友</span> |
| 14 | </button> | 14 | </button> | ... | ... |
| ... | @@ -41,7 +41,7 @@ | ... | @@ -41,7 +41,7 @@ |
| 41 | 41 | ||
| 42 | .tit { | 42 | .tit { |
| 43 | position: absolute; | 43 | position: absolute; |
| 44 | bottom: 12px; | 44 | bottom: 0px; |
| 45 | width: 750px; | 45 | width: 750px; |
| 46 | height: 80px; | 46 | height: 80px; |
| 47 | line-height: 80px; | 47 | line-height: 80px; |
| ... | @@ -169,7 +169,7 @@ | ... | @@ -169,7 +169,7 @@ |
| 169 | 169 | ||
| 170 | 170 | ||
| 171 | .van-tab--active { | 171 | .van-tab--active { |
| 172 | color: #fc464a; | 172 | color: #fc464a !important; |
| 173 | } | 173 | } |
| 174 | 174 | ||
| 175 | .van-hairline--top-bottom:after { | 175 | .van-hairline--top-bottom:after { | ... | ... |
| ... | @@ -2,7 +2,7 @@ | ... | @@ -2,7 +2,7 @@ |
| 2 | @import '../../assets/scss/utils'; | 2 | @import '../../assets/scss/utils'; |
| 3 | 3 | ||
| 4 | .page { | 4 | .page { |
| 5 | 5 | $contentWidth: 730px; | |
| 6 | padding-bottom: $pageBottom; | 6 | padding-bottom: $pageBottom; |
| 7 | 7 | ||
| 8 | color: #333333; | 8 | color: #333333; |
| ... | @@ -66,6 +66,10 @@ | ... | @@ -66,6 +66,10 @@ |
| 66 | width: $contentWidth; | 66 | width: $contentWidth; |
| 67 | background-color: #dddddd; | 67 | background-color: #dddddd; |
| 68 | 68 | ||
| 69 | .img{ | ||
| 70 | width: $contentWidth; | ||
| 71 | } | ||
| 72 | |||
| 69 | .vid { | 73 | .vid { |
| 70 | @include border-top-radius(16px); | 74 | @include border-top-radius(16px); |
| 71 | width: $contentWidth; | 75 | width: $contentWidth; |
| ... | @@ -90,6 +94,7 @@ | ... | @@ -90,6 +94,7 @@ |
| 90 | 94 | ||
| 91 | .iconfont { | 95 | .iconfont { |
| 92 | font-size: 160px; | 96 | font-size: 160px; |
| 97 | font-weight: normal; | ||
| 93 | position: absolute; | 98 | position: absolute; |
| 94 | left: 0; | 99 | left: 0; |
| 95 | right: 0; | 100 | right: 0; |
| ... | @@ -123,6 +128,7 @@ | ... | @@ -123,6 +128,7 @@ |
| 123 | .name { | 128 | .name { |
| 124 | padding-left: 24px; | 129 | padding-left: 24px; |
| 125 | font-size: 32px; | 130 | font-size: 32px; |
| 131 | |||
| 126 | @include ellipsis(1); | 132 | @include ellipsis(1); |
| 127 | } | 133 | } |
| 128 | } | 134 | } | ... | ... |
-
Please register or sign in to post a comment