Commit 152caca82d97e9b2776216eeead8e01bdacf517e
1 parent
8bf532f5
重新提交:修改直播详情页图片显示和海报文字行高
Showing
3 changed files
with
17 additions
and
8 deletions
packageA/pages/liveStreamDetails/liveStreamDetails.js
packageA/pages/liveStreamDetails/liveStreamDetails.wxml
1 | 1 | <!--pages/liveStreamDetails/liveStreamDetails.wxml--> |
2 | 2 | <wxs src="../../../utils/filter.wxs" module="filter"></wxs> |
3 | 3 | <wxs src="../../../utils/myUtils.wxs" module="myUtils"></wxs> |
4 | +<!-- <wxs src="/packageA/pages/liveStreamDetails/wxs.wxs" module="tool"></wxs> --> | |
4 | 5 | <view class="content"> |
5 | 6 | <!-- 封面标题 --> |
6 | 7 | <view class="cover-container"> |
7 | 8 | <image src="{{details.share_img}}" class="cover-img" mode="widthFix"></image> |
9 | + <!-- <view class="cover-desc"> | |
10 | + <view>{{details.name}}</view> | |
11 | + <view>{{filter.format_time(details.startshare_time)}}</view> | |
12 | + </view> --> | |
8 | 13 | </view> |
9 | 14 | |
10 | 15 | <!-- 直播详情 --> |
... | ... | @@ -12,6 +17,8 @@ |
12 | 17 | <view class="desc-title">{{details.name}}</view> |
13 | 18 | <view class="desc-content"> |
14 | 19 | <view>{{filter.format_time(details.start_time, 2)}} 锁定直播</view> |
20 | + <!-- <view>护肤、彩妆、香氛群星汇聚,更有折扣买赠与神秘新品加持~</view> | |
21 | + <view>多轮抽奖惊喜连连,不容错过!</view> --> | |
15 | 22 | </view> |
16 | 23 | <text class="desc-status">{{myUtils.liveStatus(details.live_status)}}</text> |
17 | 24 | </view> |
... | ... | @@ -32,6 +39,7 @@ |
32 | 39 | </view> |
33 | 40 | </view> |
34 | 41 | </block> |
42 | + | |
35 | 43 | </view> |
36 | 44 | |
37 | 45 | <!-- 回放直播 --> |
... | ... | @@ -68,11 +76,17 @@ |
68 | 76 | <view class="{{showPlaybill ? 'playbill':'playbill active'}}" hidden="{{showPlaybill}}"> |
69 | 77 | <image src="{{canvasToImgPath}}" class="playbill-pic" mode="widthFix"></image> |
70 | 78 | <canvas canvas-id="myCanvas" catchtouchmove="true" style="width:480px;height:738px;position:absolute;left:5000%;"></canvas> |
79 | + <!-- style="width:{{windowWidth}}px;height:{{windowHeight}}px;" --> | |
71 | 80 | <view class="playbill-save" bindtap="onSaveToPhone">保存至相册</view> |
72 | 81 | </view> |
73 | 82 | |
83 | + <!-- <canvas canvas-id="myCanvas" class="" catchtouchmove="true" style="width:{{windowWidth}}px;height:{{windowHeight}}px;"></canvas> --> | |
84 | + | |
74 | 85 | <!-- mask --> |
75 | 86 | <!-- 这里mask必须强制放在actionsheet和playbill的后面 --> |
76 | 87 | <view class="mask" bindtap="hiddenActionSheet" catchtouchmove="true"></view> |
88 | + | |
77 | 89 | </view> |
78 | 90 | |
91 | +<!-- <canvas canvas-id="myCanvas" class="" catchtouchmove="true" style="width:480px;height:738px;position:absolute;left:5000%"></canvas> --> | |
92 | +<!-- <canvas canvas-id='share' style='width:750rpx;height:1217rpx;' wx:if='{{!canvasHidden}}'></canvas> --> | ... | ... |
packageA/pages/liveStreamDetails/liveStreamDetails.wxss
... | ... | @@ -13,9 +13,8 @@ |
13 | 13 | position: relative; |
14 | 14 | } |
15 | 15 | .cover-img { |
16 | - display: block; | |
17 | 16 | width: 100%; |
18 | - height: auto; | |
17 | + height: 100%; | |
19 | 18 | background-color: #eee; |
20 | 19 | } |
21 | 20 | .cover-desc { |
... | ... | @@ -225,11 +224,7 @@ |
225 | 224 | .playbill-pic { |
226 | 225 | display: block; |
227 | 226 | width: 560rpx; |
228 | - height: 737rpx; | |
229 | - /* border-width: 31rpx 20rpx 51rpx; | |
230 | - border-color: #f23030; | |
231 | - border-style: solid; */ | |
232 | - /* border: 4rpx solid #f23030; */ | |
227 | + height: auto; | |
233 | 228 | margin: 0 auto 26rpx; |
234 | 229 | border-radius: 10rpx; |
235 | 230 | overflow: hidden; | ... | ... |