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