默认提交
Showing
7 changed files
with
48 additions
and
23 deletions
... | @@ -105,14 +105,20 @@ | ... | @@ -105,14 +105,20 @@ |
105 | 105 | ||
106 | .tit { | 106 | .tit { |
107 | font-size: 40px; | 107 | font-size: 40px; |
108 | min-height: 120px; | 108 | max-height: 120px; |
109 | color: #ffffff; | 109 | color: #ffffff; |
110 | @extend .bb; | 110 | padding: 4px 0; |
111 | padding: 0 24px; | ||
112 | position: absolute; | 111 | position: absolute; |
113 | width: 100%; | 112 | width: 100%; |
114 | bottom: 0; | 113 | bottom: 0; |
115 | @include ellipsis(2); | 114 | @include ellipsis(2); |
115 | |||
116 | .tit-t1{ | ||
117 | @extend .bb; | ||
118 | padding: 0 24px; | ||
119 | position: relative; | ||
120 | } | ||
121 | |||
116 | } | 122 | } |
117 | 123 | ||
118 | .tit-bg { | 124 | .tit-bg { |
... | @@ -128,15 +134,15 @@ | ... | @@ -128,15 +134,15 @@ |
128 | 134 | ||
129 | .play { | 135 | .play { |
130 | @extend .fcc; | 136 | @extend .fcc; |
131 | width: 120px; | 137 | width: 100px; |
132 | height: 120px; | 138 | height: 100px; |
133 | border-radius: 120px; | 139 | border-radius: 100px; |
134 | border: solid #ffffff 6px; | 140 | border: solid #ffffff 6px; |
135 | font-weight: normal; | 141 | font-weight: normal; |
136 | position: absolute; | 142 | position: absolute; |
137 | left: 0; | 143 | left: 0; |
138 | right: 0; | 144 | right: 0; |
139 | top: 32px; | 145 | top: 48px; |
140 | margin: 0 auto; | 146 | margin: 0 auto; |
141 | text-align: center; | 147 | text-align: center; |
142 | font-weight: bold; | 148 | font-weight: bold; | ... | ... |
... | @@ -27,8 +27,10 @@ | ... | @@ -27,8 +27,10 @@ |
27 | <view wx:for="{{dataList}}" wx:key="index" class="list-item"> | 27 | <view wx:for="{{dataList}}" wx:key="index" class="list-item"> |
28 | <view bindtap="onDetailHandler" data-data="{{item}}" data-index="{{index}}" class="list-item-video"> | 28 | <view bindtap="onDetailHandler" data-data="{{item}}" data-index="{{index}}" class="list-item-video"> |
29 | <image class="img" src="{{item.thumbnail}}" mode="aspectFill" /> | 29 | <image class="img" src="{{item.thumbnail}}" mode="aspectFill" /> |
30 | <view class="tit-bg"></view> | 30 | <view class="tit"> |
31 | <view class="tit">{{item.videoName}}</view> | 31 | <view class="tit-bg"></view> |
32 | <view class="tit-t1">{{item.videoName}}</view> | ||
33 | </view> | ||
32 | <div class="play"> | 34 | <div class="play"> |
33 | <span class="iconfont iconplay"></span> | 35 | <span class="iconfont iconplay"></span> |
34 | </div> | 36 | </div> | ... | ... |
... | @@ -83,14 +83,20 @@ | ... | @@ -83,14 +83,20 @@ |
83 | 83 | ||
84 | .tit { | 84 | .tit { |
85 | font-size: 40px; | 85 | font-size: 40px; |
86 | min-height: 120px; | 86 | max-height: 120px; |
87 | color: #ffffff; | 87 | color: #ffffff; |
88 | @extend .bb; | 88 | padding: 4px 0; |
89 | padding: 0 24px; | ||
90 | position: absolute; | 89 | position: absolute; |
91 | width: 100%; | 90 | width: 100%; |
92 | bottom: 0; | 91 | bottom: 0; |
93 | @include ellipsis(2); | 92 | @include ellipsis(2); |
93 | |||
94 | .tit-t1{ | ||
95 | @extend .bb; | ||
96 | padding: 0 24px; | ||
97 | position: relative; | ||
98 | } | ||
99 | |||
94 | } | 100 | } |
95 | 101 | ||
96 | .tit-bg { | 102 | .tit-bg { |
... | @@ -103,18 +109,17 @@ | ... | @@ -103,18 +109,17 @@ |
103 | @include border-top-radius(8px); | 109 | @include border-top-radius(8px); |
104 | background-image: linear-gradient(to top, #000000, #999999); | 110 | background-image: linear-gradient(to top, #000000, #999999); |
105 | } | 111 | } |
106 | |||
107 | .play { | 112 | .play { |
108 | @extend .fcc; | 113 | @extend .fcc; |
109 | width: 120px; | 114 | width: 100px; |
110 | height: 120px; | 115 | height: 100px; |
111 | border-radius: 120px; | 116 | border-radius: 100px; |
112 | border: solid #ffffff 6px; | 117 | border: solid #ffffff 6px; |
113 | font-weight: normal; | 118 | font-weight: normal; |
114 | position: absolute; | 119 | position: absolute; |
115 | left: 0; | 120 | left: 0; |
116 | right: 0; | 121 | right: 0; |
117 | top: 32px; | 122 | top: 48px; |
118 | margin: 0 auto; | 123 | margin: 0 auto; |
119 | text-align: center; | 124 | text-align: center; |
120 | font-weight: bold; | 125 | font-weight: bold; | ... | ... |
... | @@ -13,8 +13,10 @@ | ... | @@ -13,8 +13,10 @@ |
13 | <view wx:for="{{dataList}}" wx:key="index" class="list-item"> | 13 | <view wx:for="{{dataList}}" wx:key="index" class="list-item"> |
14 | <view bindtap="onDetailHandler" data-data="{{item}}" data-index="{{index}}" class="list-item-video"> | 14 | <view bindtap="onDetailHandler" data-data="{{item}}" data-index="{{index}}" class="list-item-video"> |
15 | <image class="img" src="{{item.thumbnail}}" mode="aspectFill" /> | 15 | <image class="img" src="{{item.thumbnail}}" mode="aspectFill" /> |
16 | <view class="tit-bg"></view> | 16 | <view class="tit"> |
17 | <view class="tit">{{item.videoName}}</view> | 17 | <view class="tit-bg"></view> |
18 | <view class="tit-t1">{{item.videoName}}</view> | ||
19 | </view> | ||
18 | <div class="play"> | 20 | <div class="play"> |
19 | <span class="iconfont iconplay"></span> | 21 | <span class="iconfont iconplay"></span> |
20 | </div> | 22 | </div> | ... | ... |
... | @@ -28,6 +28,15 @@ | ... | @@ -28,6 +28,15 @@ |
28 | height: 207px; | 28 | height: 207px; |
29 | margin: 0 auto; | 29 | margin: 0 auto; |
30 | 30 | ||
31 | .ft { | ||
32 | font-size: 120px; | ||
33 | color: #b91d33; | ||
34 | text-align: center; | ||
35 | font-weight: bold; | ||
36 | height: 207px; | ||
37 | line-height: 207px; | ||
38 | } | ||
39 | |||
31 | &-bg { | 40 | &-bg { |
32 | text-align: center; | 41 | text-align: center; |
33 | position: absolute; | 42 | position: absolute; |
... | @@ -71,14 +80,14 @@ | ... | @@ -71,14 +80,14 @@ |
71 | } | 80 | } |
72 | } | 81 | } |
73 | 82 | ||
74 | .tips{ | 83 | .tips { |
75 | font-size: 28px; | 84 | font-size: 28px; |
76 | color: #ffe6a3; | 85 | color: #ffe6a3; |
77 | text-align: center; | 86 | text-align: center; |
78 | width: 100%; | 87 | width: 100%; |
79 | } | 88 | } |
80 | 89 | ||
81 | .tips1{ | 90 | .tips1 { |
82 | margin-top: 36px; | 91 | margin-top: 36px; |
83 | } | 92 | } |
84 | 93 | ... | ... |
... | @@ -6,8 +6,9 @@ | ... | @@ -6,8 +6,9 @@ |
6 | <view class="top-space"></view> | 6 | <view class="top-space"></view> |
7 | <view class="content"> | 7 | <view class="content"> |
8 | <view class="portrait"> | 8 | <view class="portrait"> |
9 | <image class="portrait-bg" mode="widthFix" src="../../image/logo.jpeg" /> | 9 | <!-- <image class="portrait-bg" mode="widthFix" src="../../image/logo.jpeg" /> --> |
10 | <!-- <open-data class="avatar" type="userAvatarUrl"></open-data> --> | 10 | <!-- <open-data class="avatar" type="userAvatarUrl"></open-data> --> |
11 | <view class="ft">赏</view> | ||
11 | </view> | 12 | </view> |
12 | <view class="tips tips1">赞赏家有儿孙</view> | 13 | <view class="tips tips1">赞赏家有儿孙</view> |
13 | <view class="reward"> | 14 | <view class="reward"> | ... | ... |
-
Please register or sign in to post a comment