企业微信ios不能生成海报,普通微信上可以生成海报?

小游戏 企业微信 微信支付 小程序 文章 2020-07-30 21:05 1483 0 全屏看文

AI助手支持GPT4.0

企业微信ios不能生成海报,普通微信上可以生成海报?

使用的扩展工具 wxml-to-canvas

企业微信上,安卓、虚拟机上面都可以正常生成海报。

ios企业微信没办法生成海报,但是普通微信上可以正常生成海报。

ios 13.x 左右。

Using the extension tool wxml to canvas, posters can be generated normally on Android and virtual machine. IOS enterprise wechat can not generate posters, but ordinary wechat can generate posters normally. IOS 13. X.

回答:

企业微信运营专员-千夜:

您好,能否提供复现问题的代码片段看下

王建:可以,我放到哪里
王建:const wxml = item => {
 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,
  }
}
王建:解决了,感谢。是源码里面有限制

-EOF-

AI助手支持GPT4.0