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