124 lines
2.7 KiB
JavaScript
124 lines
2.7 KiB
JavaScript
|
import sheep from '@/sheep';
|
||
|
import { formatImageUrlProtocol } from './index';
|
||
|
import third from '@/api/migration/third';
|
||
|
|
||
|
const groupon = async (poster) => {
|
||
|
const width = poster.width;
|
||
|
const userInfo = sheep.$store('user').userInfo;
|
||
|
const wxa_qrcode = (await third.wechat.getWxacode(poster.shareInfo.path, poster.shareInfo.query)).data;
|
||
|
return [
|
||
|
{
|
||
|
type: 'image',
|
||
|
src: formatImageUrlProtocol(sheep.$url.cdn(sheep.$store('app').platform.share.posterInfo.groupon_bg)),
|
||
|
css: {
|
||
|
width,
|
||
|
position: 'fixed',
|
||
|
'object-fit': 'contain',
|
||
|
top: '0',
|
||
|
left: '0',
|
||
|
zIndex: -1,
|
||
|
},
|
||
|
},
|
||
|
{
|
||
|
type: 'text',
|
||
|
text: userInfo.nickname,
|
||
|
css: {
|
||
|
color: '#333',
|
||
|
fontSize: 16,
|
||
|
fontFamily: 'sans-serif',
|
||
|
position: 'fixed',
|
||
|
top: width * 0.06,
|
||
|
left: width * 0.22,
|
||
|
},
|
||
|
},
|
||
|
{
|
||
|
type: 'image',
|
||
|
src: formatImageUrlProtocol(sheep.$url.cdn(userInfo.avatar)),
|
||
|
css: {
|
||
|
position: 'fixed',
|
||
|
left: width * 0.04,
|
||
|
top: width * 0.04,
|
||
|
width: width * 0.14,
|
||
|
height: width * 0.14,
|
||
|
},
|
||
|
},
|
||
|
{
|
||
|
type: 'image',
|
||
|
src: formatImageUrlProtocol(poster.shareInfo.poster.image),
|
||
|
css: {
|
||
|
position: 'fixed',
|
||
|
left: width * 0.03,
|
||
|
top: width * 0.21,
|
||
|
width: width * 0.94,
|
||
|
height: width * 0.94,
|
||
|
borderRadius: 10,
|
||
|
},
|
||
|
},
|
||
|
{
|
||
|
type: 'text',
|
||
|
text: poster.shareInfo.poster.title,
|
||
|
css: {
|
||
|
color: '#333',
|
||
|
fontSize: 14,
|
||
|
position: 'fixed',
|
||
|
top: width * 1.18,
|
||
|
left: width * 0.04,
|
||
|
maxWidth: width * 0.91,
|
||
|
lineHeight: 5,
|
||
|
},
|
||
|
},
|
||
|
{
|
||
|
type: 'text',
|
||
|
text: '¥' + poster.shareInfo.poster.price,
|
||
|
css: {
|
||
|
color: '#ff0000',
|
||
|
fontSize: 20,
|
||
|
fontFamily: 'OPPOSANS',
|
||
|
position: 'fixed',
|
||
|
top: width * 1.3,
|
||
|
left: width * 0.04,
|
||
|
},
|
||
|
},
|
||
|
{
|
||
|
type: 'text',
|
||
|
text: '2人团',
|
||
|
css: {
|
||
|
color: '#ff0000',
|
||
|
fontSize: 30,
|
||
|
fontFamily: 'OPPOSANS',
|
||
|
position: 'fixed',
|
||
|
left: width * 0.3,
|
||
|
top: width * 1.32,
|
||
|
},
|
||
|
},
|
||
|
// #ifndef MP-WEIXIN
|
||
|
{
|
||
|
type: 'qrcode',
|
||
|
text: poster.shareInfo.link,
|
||
|
css: {
|
||
|
position: 'fixed',
|
||
|
left: width * 0.75,
|
||
|
top: width * 1.3,
|
||
|
width: width * 0.2,
|
||
|
height: width * 0.2,
|
||
|
},
|
||
|
},
|
||
|
// #endif
|
||
|
// #ifdef MP-WEIXIN
|
||
|
{
|
||
|
type: 'image',
|
||
|
src: wxa_qrcode,
|
||
|
css: {
|
||
|
position: 'fixed',
|
||
|
left: width * 0.75,
|
||
|
top: width * 1.3,
|
||
|
width: width * 0.2,
|
||
|
height: width * 0.2,
|
||
|
},
|
||
|
},
|
||
|
// #endif
|
||
|
];
|
||
|
};
|
||
|
|
||
|
export default groupon;
|