Commit 152caca82d97e9b2776216eeead8e01bdacf517e

Authored by 后端研发-倪永富
1 parent 8bf532f5

重新提交:修改直播详情页图片显示和海报文字行高

packageA/pages/liveStreamDetails/liveStreamDetails.js
@@ -551,7 +551,7 @@ drawText: function(ctx, str, leftWidth, initHeight, titleHeight, canvasWidth, un @@ -551,7 +551,7 @@ drawText: function(ctx, str, leftWidth, initHeight, titleHeight, canvasWidth, un
551 } 551 }
552 return { 552 return {
553 title: '自定义转发标题', 553 title: '自定义转发标题',
554 - path: '/page/user?id=123' 554 + // path: '/page/user?id=123'
555 } 555 }
556 } 556 }
557 557
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> -->
4 <view class="content"> 5 <view class="content">
5 <!-- 封面标题 --> 6 <!-- 封面标题 -->
6 <view class="cover-container"> 7 <view class="cover-container">
7 <image src="{{details.share_img}}" class="cover-img" mode="widthFix"></image> 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 </view> 13 </view>
9 14
10 <!-- 直播详情 --> 15 <!-- 直播详情 -->
@@ -12,6 +17,8 @@ @@ -12,6 +17,8 @@
12 <view class="desc-title">{{details.name}}</view> 17 <view class="desc-title">{{details.name}}</view>
13 <view class="desc-content"> 18 <view class="desc-content">
14 <view>{{filter.format_time(details.start_time, 2)}} 锁定直播</view> 19 <view>{{filter.format_time(details.start_time, 2)}} 锁定直播</view>
  20 + <!-- <view>护肤、彩妆、香氛群星汇聚,更有折扣买赠与神秘新品加持~</view>
  21 + <view>多轮抽奖惊喜连连,不容错过!</view> -->
15 </view> 22 </view>
16 <text class="desc-status">{{myUtils.liveStatus(details.live_status)}}</text> 23 <text class="desc-status">{{myUtils.liveStatus(details.live_status)}}</text>
17 </view> 24 </view>
@@ -32,6 +39,7 @@ @@ -32,6 +39,7 @@
32 </view> 39 </view>
33 </view> 40 </view>
34 </block> 41 </block>
  42 +
35 </view> 43 </view>
36 44
37 <!-- 回放直播 --> 45 <!-- 回放直播 -->
@@ -68,11 +76,17 @@ @@ -68,11 +76,17 @@
68 <view class="{{showPlaybill ? 'playbill':'playbill active'}}" hidden="{{showPlaybill}}"> 76 <view class="{{showPlaybill ? 'playbill':'playbill active'}}" hidden="{{showPlaybill}}">
69 <image src="{{canvasToImgPath}}" class="playbill-pic" mode="widthFix"></image> 77 <image src="{{canvasToImgPath}}" class="playbill-pic" mode="widthFix"></image>
70 <canvas canvas-id="myCanvas" catchtouchmove="true" style="width:480px;height:738px;position:absolute;left:5000%;"></canvas> 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 <view class="playbill-save" bindtap="onSaveToPhone">保存至相册</view> 80 <view class="playbill-save" bindtap="onSaveToPhone">保存至相册</view>
72 </view> 81 </view>
73 82
  83 + <!-- <canvas canvas-id="myCanvas" class="" catchtouchmove="true" style="width:{{windowWidth}}px;height:{{windowHeight}}px;"></canvas> -->
  84 +
74 <!-- mask --> 85 <!-- mask -->
75 <!-- 这里mask必须强制放在actionsheet和playbill的后面 --> 86 <!-- 这里mask必须强制放在actionsheet和playbill的后面 -->
76 <view class="mask" bindtap="hiddenActionSheet" catchtouchmove="true"></view> 87 <view class="mask" bindtap="hiddenActionSheet" catchtouchmove="true"></view>
  88 +
77 </view> 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,9 +13,8 @@
13 position: relative; 13 position: relative;
14 } 14 }
15 .cover-img { 15 .cover-img {
16 - display: block;  
17 width: 100%; 16 width: 100%;
18 - height: auto; 17 + height: 100%;
19 background-color: #eee; 18 background-color: #eee;
20 } 19 }
21 .cover-desc { 20 .cover-desc {
@@ -225,11 +224,7 @@ @@ -225,11 +224,7 @@
225 .playbill-pic { 224 .playbill-pic {
226 display: block; 225 display: block;
227 width: 560rpx; 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 margin: 0 auto 26rpx; 228 margin: 0 auto 26rpx;
234 border-radius: 10rpx; 229 border-radius: 10rpx;
235 overflow: hidden; 230 overflow: hidden;