Browse Source

--优化调整海报布局--

featrue/v4.5
DESKTOP-A1SENDA\HUzy 4 years ago
parent
commit
7ff0a39a6a
3 changed files with 45 additions and 37 deletions
  1. 52
      pakageInfo/pages/article/detail/index.js
  2. 2
      pakageInfo/pages/article/detail/index.wxml
  3. 28
      pakageInfo/pages/article/detail/index.wxss

52
pakageInfo/pages/article/detail/index.js

@ -255,27 +255,35 @@ Page({
util.navigateTo('/pages/agent/factory/index?id=' + this.data.momentDetail.millPaperId) util.navigateTo('/pages/agent/factory/index?id=' + this.data.momentDetail.millPaperId)
}, },
onShareAppMessage: function () { onShareAppMessage: function () {
var imageUrl = '/assets/image/icon_logo.png'
if (this.data.momentDetail.imgUrlList && this.data.momentDetail.imgUrlList.length > 0) {
imageUrl = this.data.momentDetail.imgUrlList[0]
}
return {
title: this.data.momentDetail.title,
path: 'pages/index/index?url=/pakageInfo/pages/article/detail/index&key=id&value=' + this.data.momentDetail.id,
imageUrl: this.data.imagePathHb||imageUrl
}
var imageUrl = '/assets/image/icon_logo.png'
if (this.data.momentDetail.imgUrlList && this.data.momentDetail.imgUrlList.length > 0) {
imageUrl = this.data.momentDetail.imgUrlList[0]
}
return {
title: this.data.momentDetail.title,
path: 'pages/index/index?url=/pakageInfo/pages/article/detail/index&key=id&value=' + this.data.momentDetail.id,
imageUrl: this.data.imagePathHb||imageUrl
}
}, },
//分享至朋友圈 //分享至朋友圈
onShareTimeline(res) { onShareTimeline(res) {
var imageUrl = '/assets/image/icon_logo.png'
if (this.data.momentDetail.imgUrlList && this.data.momentDetail.imgUrlList.length > 0) {
imageUrl = this.data.momentDetail.imgUrlList[0]
}
return {
title: this.data.momentDetail.title,
path: 'pages/index/index?url=/pakageInfo/pages/article/detail/index&key=id&value=' + this.data.momentDetail.id,
imageUrl: this.data.imagePathHb||imageUrl
}
var imageUrl = '/assets/image/icon_logo.png'
if (this.data.momentDetail.imgUrlList && this.data.momentDetail.imgUrlList.length > 0) {
imageUrl = this.data.momentDetail.imgUrlList[0]
}
return {
title: this.data.momentDetail.title,
path: 'pages/index/index?url=/pakageInfo/pages/article/detail/index&key=id&value=' + this.data.momentDetail.id,
imageUrl: this.data.imagePathHb||imageUrl
}
return {
imageUrl: this.data.imagePathHb||imageUrl
}
}, },
createPoster() { createPoster() {
@ -293,16 +301,16 @@ Page({
var path1 = '../../../assets/image/im_poster_header_no_title.png' var path1 = '../../../assets/image/im_poster_header_no_title.png'
} }
context.fillStyle = "white" context.fillStyle = "white"
context.fillRect(0, 0, 375, 667);
context.fillRect(0, 0, 350, 667);
context.stroke() context.stroke()
context.drawImage(parth0, 0, 0, 375, 667);
context.drawImage(parth0, 0, 0, 350, 667);
context.stroke() context.stroke()
context.drawImage(path1, 0, 0, 375, 120);
context.drawImage(path1, 0, 0, 350, 120);
context.stroke() context.stroke()
//绘制底部图片区域 //绘制底部图片区域
var parth2='../../../assets/image/img_poster_footer.png' var parth2='../../../assets/image/img_poster_footer.png'
context.drawImage(parth2, 0, 500, 375, 120);
context.drawImage(parth2, 0, 500, 350, 120);
context.stroke() context.stroke()
//绘制内容标题 //绘制内容标题

2
pakageInfo/pages/article/detail/index.wxml

@ -176,6 +176,6 @@
</view> </view>
</view> </view>
<view class="canvas-box"> <view class="canvas-box">
<canvas style="width: 375px;height: 667px;position:fixed;top:9999px;" canvas-id="mycanvas" />
<canvas style="width: 350px;height: 667px;position:fixed;top:9999px;" canvas-id="mycanvas" />
</view> </view>
</view> </view>

28
pakageInfo/pages/article/detail/index.wxss

@ -38,49 +38,49 @@
} }
.shengcheng { .shengcheng {
width: 670rpx;
width: 700rpx;
height: 1190rpx; height: 1190rpx;
position: fixed; position: fixed;
top: 100rpx; top: 100rpx;
left: 50%; left: 50%;
margin-left: -44%;
margin-left: -46%;
z-index: 10; z-index: 10;
margin-top: 2%; margin-top: 2%;
} }
.shengcheng2 { .shengcheng2 {
width: 670rpx;
width: 700rpx;
height: 80%; height: 80%;
position: fixed; position: fixed;
left: 50%; left: 50%;
margin-left: -44%;
margin-left: -46%;
z-index: 10; z-index: 10;
top: 142rpx; top: 142rpx;
margin-top: 2%; margin-top: 2%;
} }
.shengcheng21 { .shengcheng21 {
width: 670rpx;
width: 700rpx;
height: 80%; height: 80%;
position: fixed; position: fixed;
left: 50%; left: 50%;
margin-left: -44%;
margin-left: -46%;
z-index: 10; z-index: 10;
top: 142rpx; top: 142rpx;
margin-top: 8%; margin-top: 8%;
} }
.topImg { .topImg {
width: 670rpx;
width: 700rpx;
height: 174rpx; height: 174rpx;
} }
.contentText { .contentText {
width: 670rpx;
width: 700rpx;
height: 885rpx; height: 885rpx;
} }
.contentTextArea { .contentTextArea {
width: 670rpx;
width: 700rpx;
height: 612rpx; height: 612rpx;
z-index: 10; z-index: 10;
position: absolute; position: absolute;
@ -118,7 +118,7 @@
} }
.footzt { .footzt {
width: 670rpx;
width: 700rpx;
height: 280rpx; height: 280rpx;
position: absolute; position: absolute;
bottom: 0rpx; bottom: 0rpx;
@ -126,7 +126,7 @@
.baocun { .baocun {
display: block; display: block;
width: 670rpx;
width: 700rpx;
height: 140rpx; height: 140rpx;
padding: 0; padding: 0;
line-height: 80rpx; line-height: 80rpx;
@ -141,12 +141,12 @@
} }
.footImg1 { .footImg1 {
width: 670rpx;
width: 700rpx;
height: 240rpx; height: 240rpx;
} }
.footImg2 { .footImg2 {
width: 670rpx;
width: 700rpx;
height: 140rpx; height: 140rpx;
background-color: white; background-color: white;
display: flex; display: flex;
@ -194,7 +194,7 @@
} }
.titleTextArea { .titleTextArea {
width: 670rpx;
width: 700rpx;
height: 174rpx; height: 174rpx;
z-index: 10; z-index: 10;
position: absolute; position: absolute;

Loading…
Cancel
Save