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)
},
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) {
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() {
@ -293,16 +301,16 @@ Page({
var path1 = '../../../assets/image/im_poster_header_no_title.png'
}
context.fillStyle = "white"
context.fillRect(0, 0, 375, 667);
context.fillRect(0, 0, 350, 667);
context.stroke()
context.drawImage(parth0, 0, 0, 375, 667);
context.drawImage(parth0, 0, 0, 350, 667);
context.stroke()
context.drawImage(path1, 0, 0, 375, 120);
context.drawImage(path1, 0, 0, 350, 120);
context.stroke()
//绘制底部图片区域
var parth2='../../../assets/image/img_poster_footer.png'
context.drawImage(parth2, 0, 500, 375, 120);
context.drawImage(parth2, 0, 500, 350, 120);
context.stroke()
//绘制内容标题

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

@ -176,6 +176,6 @@
</view>
</view>
<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>

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

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

Loading…
Cancel
Save