Commit 1cafd1b9 by 赵雅纹

海报优化

parent dbf2a382
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<view class="card-modal" hidden="{{!showCardModal}}" catchtouchmove='true'> <view class="card-modal" hidden="{{!showCardModal}}" catchtouchmove='true'>
<view class="card-modal-content"> <view class="card-modal-content">
<view class="modal-header"> <view class="modal-header">
<image class="brand-img" src="http://t2.hddhhn.com/uploads/tu/201806/9999/91480c0c87.jpg"></image> <image class="brand-img" src="https://xiedemo.oss-cn-shanghai.aliyuncs.com/logo_head.jpg"></image>
<view class="brand-title">{{cardTitle}}</view> <view class="brand-title">{{cardTitle}}</view>
</view> </view>
<view class="card-img-wrap"> <view class="card-img-wrap">
...@@ -21,6 +21,6 @@ ...@@ -21,6 +21,6 @@
<text class="share-text">生成朋友圈海报</text> <text class="share-text">生成朋友圈海报</text>
</view> </view>
</view> </view>
<share-poster id="getPoster" bindmyevent="myEventListener" avater="{{cardUrl}}" productDesc="{{cardTitle}}" userAvatar="http://t2.hddhhn.com/uploads/tu/201806/9999/91480c0c87.jpg" bind:showMiniCard="_showMiniCard" pagePath="{{pagePath}}" code-img="{{codeImg}}"></share-poster> <share-poster id="getPoster" bindmyevent="myEventListener" avater="{{cardUrl}}" productDesc="{{cardTitle}}" userAvatar="https://xiedemo.oss-cn-shanghai.aliyuncs.com/logo_head.jpg" bind:showMiniCard="_showMiniCard" pagePath="{{pagePath}}" code-img="{{codeImg}}"></share-poster>
...@@ -81,6 +81,13 @@ Component({ ...@@ -81,6 +81,13 @@ Component({
} }
}) })
} }
},
fail : function(res){
wx.hideLoading();
wx.showToast({
title: '产品图片下载失败!',
icon: 'none',
})
} }
}) })
} else { } else {
...@@ -118,6 +125,14 @@ Component({ ...@@ -118,6 +125,14 @@ Component({
} }
}) })
} }
},
fail: function(res){
wx.hideLoading();
wx.showToast({
title: '二维码下载失败!',
icon: 'none',
duration: 2000,
})
} }
}) })
} else { } else {
...@@ -161,13 +176,7 @@ Component({ ...@@ -161,13 +176,7 @@ Component({
// 品牌头像 // 品牌头像
if (that.data.userAvatar) { if (that.data.userAvatar) {
console.log(imgheght)
// ctx.drawImage(that.data.userAvatar, 12, 306, 25, 25);
ctx.drawImage(that.data.userAvatar, 12, 290, 40, 40); ctx.drawImage(that.data.userAvatar, 12, 290, 40, 40);
ctx.setFontSize(14);
ctx.setFillStyle('#d8d8d8');
ctx.setTextAlign('left');
// ctx.fillText(that.data.userAvatar, left - 15, imgheght + 110); //电话
} }
// title // title
console.log('productDesc', that.data.productDesc) console.log('productDesc', that.data.productDesc)
......
...@@ -16,7 +16,7 @@ ...@@ -16,7 +16,7 @@
<view class="item" bindtap="gotoDetail" data-id="{{id}}" data-current-type="{{currentType}}"> <view class="item" bindtap="gotoDetail" data-id="{{id}}" data-current-type="{{currentType}}">
<view class="no-audited" wx:if="{{currentType != 2}}"> <view class="no-audited" wx:if="{{currentType != 2}}">
待审核 {{currentType == 1 ? '待审核' : (currentType == 3 ? '已驳回' : '已通过')}}
</view> </view>
<image class="item-img" src="{{url}}" mode="widthFix" bindload="imageLoad"></image> <image class="item-img" src="{{url}}" mode="widthFix" bindload="imageLoad"></image>
<view class="item-title-box"> <view class="item-title-box">
......
...@@ -224,16 +224,18 @@ wxService.page({ ...@@ -224,16 +224,18 @@ wxService.page({
"scene": this.data.scene, "scene": this.data.scene,
"width": 100 "width": 100
} }
wxService.post(`/marketing/quickMark/getAppQrCodePicture`, data).then(res => { wxService.post(`/marketing/quickMark/getAppQrCodePicture`, data).then(res => {
const { result, data } = res.data const { result, data } = res.data
if (result == 0) { if (result == 0) {
this.setData({ this.setData({
codeImg: app.globalData.imageUrl + data codeImg: app.globalData.imageUrl + data
// codeImg: "https://hwimagecdn.ihotwind.cn/usr/201908/miniQrCode-f00c5051fef7479395efb193431762c4.jpg" // codeImg: "https://hwimagecdn.ihotwind.cn/usr/201908/miniQrCode-f00c5051fef7479395efb193431762c4.jpg"
},() => {
if (this.data.codeImg) {
this.selectComponent('#getPoster').getAvaterInfo()
}
}) })
if (this.data.codeImg) {
this.selectComponent('#getPoster').getAvaterInfo()
}
} }
}) })
}, },
......
...@@ -162,7 +162,7 @@ ...@@ -162,7 +162,7 @@
page-path="{{pagePath}}" page-path="{{pagePath}}"
scene="{{scene}}" scene="{{scene}}"
/> />
<share-poster id="getPoster" bindmyevent="myEventListener" avater="{{cardUrl}}" productDesc="{{cardTitle}}" userAvatar="http://t2.hddhhn.com/uploads/tu/201806/9999/91480c0c87.jpg" bind:showMiniCard="_showMiniCard" pagePath="{{pagePath}}" code-img="{{codeImg}}"></share-poster> <share-poster id="getPoster" bindmyevent="myEventListener" avater="{{cardUrl}}" productDesc="{{cardTitle}}" userAvatar="https://xiedemo.oss-cn-shanghai.aliyuncs.com/logo_head.jpg" bind:showMiniCard="_showMiniCard" pagePath="{{pagePath}}" code-img="{{codeImg}}"></share-poster>
<!--goHome--> <!--goHome-->
<go-home/> <go-home/>
export default class InviteFriends { export default class InviteFriends {
palette(posterImg, qrcodeImg, userName, avatarUrl) { palette(posterImg, qrcodeImg, userName, avatarUrl,options) {
//获取图片的长宽
console.log(options)
let posterImgWidth = 0, posterImgHeight = 280;
if(options){
posterImgWidth = options.posterImgWidth ? options.posterImgWidth : 0;
posterImgHeight = options.posterImgHeight ? options.posterImgHeight : 0;
if (posterImgHeight > 280){
posterImgHeight = 280;
}
}
return ({ return ({
width: '410rpx', width: '750rpx',
height: '705rpx', height: '705rpx',
background: '#fff', background: '#fff',
views: [ views: [
...@@ -9,8 +22,8 @@ export default class InviteFriends { ...@@ -9,8 +22,8 @@ export default class InviteFriends {
type: 'image', type: 'image',
url: posterImg, url: posterImg,
css: { css: {
width: '410rpx', width: '375px',
height: '540rpx' height: posterImgHeight + 'px'
} }
}, },
{ {
......
...@@ -19,12 +19,14 @@ ...@@ -19,12 +19,14 @@
open-type='getUserInfo' open-type='getUserInfo'
hover-class="btn-hover" hover-class="btn-hover"
> >
<view class="add">+</view> <view class="add">
<text>+</text>
</view>
</button> </button>
<view wx:if="{{currentHasUserInfo}}"> <view wx:if="{{currentHasUserInfo}}">
<block wx:if="{{contentPermission}}"> <block wx:if="{{contentPermission}}">
<navigator open-type="navigate" url="/subPackage/page/pages/grassCommunity/grassCommunity"> <navigator open-type="navigate" url="/subPackage/page/pages/grassCommunity/grassCommunity">
<view class="add">+</view> <view class="add"><text>+</text></view>
</navigator> </navigator>
</block> </block>
</view> </view>
......
...@@ -42,8 +42,6 @@ ...@@ -42,8 +42,6 @@
height: 82rpx; height: 82rpx;
background-color: rgba(203, 60, 60, 1); background-color: rgba(203, 60, 60, 1);
border-radius: 50%; border-radius: 50%;
line-height:82rpx;
text-align: center;
font-size: 60rpx; font-size: 60rpx;
color: #ffffff; color: #ffffff;
position: fixed; position: fixed;
...@@ -51,5 +49,9 @@ ...@@ -51,5 +49,9 @@
bottom: 357rpx; bottom: 357rpx;
/* bottom: 35rpx; */ /* bottom: 35rpx; */
z-index: 99; z-index: 99;
display: flex;
justify-content: center;
align-items: center;
} }
...@@ -66,9 +66,23 @@ wxService.page({ ...@@ -66,9 +66,23 @@ wxService.page({
//生成海报 //生成海报
generatePoster(){ generatePoster(){
this.setData({ console.log(this.data.currentPosterImg)
template: new Card().palette(this.data.currentPosterImg, this.data.codeImg, member.memberWeixin.nickname, avatarUrl), let _this = this;
}); wx.getImageInfo({
src: this.data.currentPosterImg,
success: function (res) {
let posterImgWidth = res.width,
posterImgHeight = res.height;
_this.setData({
template: new Card().palette(_this.data.currentPosterImg,
_this.data.codeImg,
member.memberWeixin.nickname,
avatarUrl, { posterImgWidth: posterImgWidth, posterImgHeight: posterImgHeight}),
});
}
})
}, },
// 获取海报图片 // 获取海报图片
...@@ -106,7 +120,7 @@ wxService.page({ ...@@ -106,7 +120,7 @@ wxService.page({
// codeImg: "https://hwimagecdn.ihotwind.cn/usr/201908/miniQrCode-f00c5051fef7479395efb193431762c4.jpg" // codeImg: "https://hwimagecdn.ihotwind.cn/usr/201908/miniQrCode-f00c5051fef7479395efb193431762c4.jpg"
},()=>{ },()=>{
this.setData({ this.setData({
template: new Card().palette(this.data.posterImgData[0], this.data.codeImg, member.memberWeixin.nickname, avatarUrl), template: new Card().palette(this.data.posterImgData[0], this.data.codeImg, member.memberWeixin.nickname, avatarUrl,wx),
}); });
}) })
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment