小程序
小游戏
企业微信
微信支付
扫描小程序码分享
企业微信上,安卓、虚拟机上面都可以正常生成海报。
ios企业微信没办法生成海报,但是普通微信上可以正常生成海报。
ios 13.x 左右。
1 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
您好,能否提供复现问题的代码片段看下
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
您好,能否提供复现问题的代码片段看下
const originPrice = item.spec.originalPrice > item.spec.price ? `<text class="origin">原价:${item.spec.originalPrice}元</text>` : ''
item.bgImg = item.spec.img.indexOf('http:') != -1 ? item.spec.img.replace(/http:/, 'https:') : item.bgImg
item.tempImg = item.tempImg.indexOf('http:') != -1 ? item.tempImg.replace(/http:/, 'https:') : item.tempImg
return `<view class="container">
<image class="img" src="${item.bgImg}"></image>
<view class="title-warp">
<view><text class="title">${item.detail.goodsName}</text></view>
<view><text class="rules">${item.detail.goodsShareDesc}</text></view>
</view>
<view class="info-block">
<view class="price-box">
<view class="price"><text class="un">¥</text><text class="amt">${item.spec.price}</text></view>
<view>${originPrice}</view>
</view>
<view class="ewm-block">
<image src="${item.tempImg}" class="ewm"></image>
<view><text class="ewm-text">长按或者扫一扫</text></view>
</view>
</view>
</view>
`
}
const style = item => {
return {
container:{
width: 300,
height: 240 + 130 + 50 + 40,
backgroundColor:'#fff',
},
img:{
width: 300,
height: 182,
},
titleWarp: {
width: 270,
height:90,
marginLeft: 15,
marginRight: 15,
flexDirection: 'column',
alignItems: 'center',
justifyContent: 'flex-start',
},
title: {
width: 270,
height: 50,
fontSize: 18,
verticalAlign: 'bottom',
},
infoBlock:{
width:270,
height:130,
paddingLeft:15,
paddingRight:15,
flexDirection:'row',
justifyContent:'space-between',
alignItems: 'center',
},
priceBox: {
width: 180,
},
price: {
width: 180,
height:33,
flexDirection: 'row',
alignItems: 'flex-start',
justifyContent: 'flex-start',
},
un: {
height: 28,
width: 11,
fontSize: 12,
verticalAlign: 'bottom',
color: '#ff6655',
},
amt: {
width: 170,
height: 33,
fontSize: 22,
verticalAlign: 'bottom',
color: '#ff6655',
},
origin: {
height:16,
width: 180,
fontSize: 10,
textAlign:'left',
verticalAlign: 'bottom',
color:'#999999'
},
ewmBlock:{
width:90,
height:130,
flexDirection: 'column',
alignItems: 'center',
justifyContent: 'center',
},
ewm: {
width:90,
height:90,
},
ewmText: {
width: 120,
height: 18,
fontSize: 9,
textAlign:'center',
verticalAlign: 'middle',
color: '#999'
},
rules:{
width: 270,
height:40,
fontSize:10,
marginTop:10,
verticalAlign: 'top',
color:'#999'
}
}
}
export const post = arg => {
console.log(arg)
return {
wxml: wxml(arg),
style: style(arg),
width: 300,
height: 182 + 130 + 50 + 40,
}
}