mall-front-app/sheep/components/s-share-modal/canvas-poster/poster/goods.js

import sheep from '@/sheep';

import { formatImageUrlProtocol } from './index';


const goods =  (poster) => {
  const width = poster.width;
  const userInfo = sheep.$store('user').userInfo;
  return  {
	background: window.location.origin + '/static/goods-poster-bg.jpg',
    // background: formatImageUrlProtocol(sheep.$url.cdn(sheep.$store('app').platform.share.posterInfo.goods_bg)),
    list: [
      {
        name: 'nickname',
        type: 'text',
        val: userInfo.nickname,
        x: width * 0.21,
        y: width * 0.06,
        paintbrushProps: {
          fillStyle: '#333',
          font: {
            fontSize: 16,
            fontFamily: 'sans-serif',
          },
        },
      },
      {
        name: 'avatar',
        type: 'image',
        val: poster.avatar,
        x: width * 0.04,
        y: width * 0.04,
        width: width * 0.14,
        height: width * 0.14,
        d: width * 0.14,
      },
	  {
	    name: 'goodsBg',
	    type: 'rect',
	    x: width * 0.03,
	    y: width * 0.3,
	    width: width * 0.94,
	    height: width * 0.75,
	    r: 5,

	  },
      {
        name: 'goodsImage',
        type: 'image',
        val:  poster.shareInfo.poster.image,
        x: width * 0.03,
        y: width * 0.3,
        width: width * 0.94,
        height: width * 0.5,
        r: 5,
      },
	  
      {
        name: 'goodsTitle',
        type: 'text',
        val: poster.shareInfo.poster.title,
        x: width * 0.05,
        y: width * 0.83,
        maxWidth: width * 0.91,
        line: 5,
        lineHeight: 10,
        paintbrushProps: {
          fillStyle: '#333',
          font: {
            fontSize: 16,
          },
        },
      },
      {
        name: 'goodsIntroduction',
        type: 'text',
        val: poster.shareInfo.poster.introduction,
        x: width * 0.05,
        y: width * 0.89,
		maxWidth: width * 0.9,
		height:width * 0.1,
		line:3,
		lineHeight:4,
        paintbrushProps: {
          fillStyle: '#333',
          font: {
            fontSize: 12,
            fontFamily: 'OPPOSANS',
          },
        },
      },
      {
        name: 'goodsOriginalPrice',
        type: 'text',
        val:
          poster.shareInfo.poster.original_price > 0
            ? '￥' + poster.shareInfo.poster.original_price
            : '',
        x: width * 0.3,
        y: width * 1.32,
        paintbrushProps: {
          fillStyle: '#999',
          font: {
            fontSize: 10,
            fontFamily: 'OPPOSANS',
          },
        },
        textDecoration: {
          line: 'line-through',
          style: 'solide',
        },
      },
      // #ifndef MP-WEIXIN
      {
        name: 'qrcode',
        type: 'qrcode',
        val: poster.shareInfo.link,
        x: width * 0.75,
        y: width * 1.07,
        size: width * 0.2,
      },
      // #endif
      // #ifdef MP-WEIXIN
      {
        name: 'wxacode',
        type: 'image',
        val: sheep.$api.third.wechat.getWxacode(poster.shareInfo.path),
        x: width * 0.75,
        y: width * 1.3,
        width: width * 0.2,
        height: width * 0.2,
      },
      // #endif
    ],
  };
};

export default goods;