wayne
/
utel_h5
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修正名片分享跑版問題

Browse Source
main
bruce68410 2 years ago
parent 5f134c034b
commit c583ac9982
6 changed files with 212 additions and 254 deletions
Show Stats Download Patch File Download Diff File

41
src/utils/adcard.js
Unescape View File

@ -10,16 +10,17 @@ function genAdCard(ctx,option) {
ctx.contents, ctx.contents,
{ {
"type": "bubble", "type": "bubble",
"size":"mega", "size":"giga",
"hero": { "hero": {
"type": "image", "type": "image",
"url": option.ad_image, "url": option.ad_image,
"size": "full", "size": "full",
"aspectMode": "cover", "aspectMode": "cover",
"aspectRatio": "19:11", "aspectRatio": "5:2",
"action": { "action": {
"type": "uri", "type": "uri",
"uri": option.link "label": option.ad_title,
"uri": option.ad_link
} }
}, },
"body": { "body": {
@ -41,40 +42,6 @@ function genAdCard(ctx,option) {
"wrap": true "wrap": true
} }
] ]
},
"footer": {
"type": "box",
"layout": "vertical",
"spacing": "sm",
"color": "#6c6664",
"contents": [
{
"type": "button",
"style": "primary",
"height": "sm",
"color": "#6c6664",
"action": {
"type": "uri",
"label": "test link",
"uri": "https://linecorp.com"
}
},
{
"type": "box",
"layout": "vertical",
"contents": [],
"margin": "sm"
}
],
"flex": 0
},
"styles": {
"body": {
"backgroundColor": "#eeeeee"
},
"footer": {
"backgroundColor": "#eeeeee"
}
} }
} }
] ]

35
src/utils/card/card0.js
Unescape View File

@ -153,7 +153,7 @@ function genCard(vcard) {
} }
} }
], ],
"spacing": "md", "spacing": "lg",
"margin": "sm" "margin": "sm"
}, },
`; `;
@ -168,13 +168,13 @@ function genCard(vcard) {
{ {
"type": "image", "type": "image",
"url": "${vcard.avatar}", "url": "${vcard.avatar}",
"size": "xs", "size": "full",
"action": { "action": {
"type": "uri", "type": "uri",
"label": "action", "label": "action",
"uri": "${vcard.nfcurl}&cardid=1" "uri": "${vcard.nfcurl}&cardid=1"
} }
}, }
`; `;
} else { } else {
vcardAvatar = ""; vcardAvatar = "";
@ -241,11 +241,22 @@ function genCard(vcard) {
"uri": "${vcard.nfcurl}&cardid=1" "uri": "${vcard.nfcurl}&cardid=1"
} }
}, },
{
"type": "box",
"layout": "vertical",
"contents": [
{ {
"type": "box", "type": "box",
"layout": "vertical", "layout": "vertical",
"contents": [ "contents": [
${vcardAvatar} ${vcardAvatar}
],
"width": "80px",
"height": "80px",
"cornerRadius": "50px"
},
{ {
"type": "text", "type": "text",
"text": "${vcard.company}", "text": "${vcard.company}",
@ -254,18 +265,14 @@ function genCard(vcard) {
"weight": "bold", "weight": "bold",
"wrap": true, "wrap": true,
"align": "center", "align": "center",
"margin": "sm", "margin": "sm"
"action": {
"type": "uri",
"label": "action",
"uri": "${vcard.nfcurl}&cardid=1"
}
} }
], ],
"position": "absolute", "position": "absolute",
"offsetTop": "13%", "offsetTop": "13%",
"offsetStart": "3%", "offsetStart": "3%",
"width": "26%" "width": "26%",
"alignItems": "center"
}, },
{ {
"type": "box", "type": "box",
@ -284,7 +291,7 @@ function genCard(vcard) {
"margin": "xs" "margin": "xs"
} }
], ],
"backgroundColor": "#06c755", "backgroundColor": "#222222",
"width": "100%", "width": "100%",
"cornerRadius": "5px", "cornerRadius": "5px",
"action": { "action": {
@ -308,7 +315,7 @@ function genCard(vcard) {
"margin": "xs" "margin": "xs"
} }
], ],
"backgroundColor": "#ffcc5b", "backgroundColor": "#222222",
"width": "100%", "width": "100%",
"cornerRadius": "5px", "cornerRadius": "5px",
"margin": "md", "margin": "md",
@ -367,7 +374,7 @@ function genCard(vcard) {
"layout": "baseline", "layout": "baseline",
"contents": [], "contents": [],
"backgroundColor": "#d5602d", "backgroundColor": "#d5602d",
"height": "3px", "height": "1px",
"margin": "lg" "margin": "lg"
}, },
${vcardPhone} ${vcardPhone}
@ -385,7 +392,7 @@ function genCard(vcard) {
], ],
"position": "absolute", "position": "absolute",
"offsetTop": "12%", "offsetTop": "12%",
"offsetStart": "35%", "offsetStart": "37%",
"offsetEnd": "5%" "offsetEnd": "5%"
} }
], ],

197
src/utils/card/card1.js
Unescape View File

@ -7,6 +7,8 @@ function genCard(vcard) {
{ {
"type": "box", "type": "box",
"layout": "baseline", "layout": "baseline",
"margin": "md",
"paddingStart": "lg",
"contents": [ "contents": [
{ {
"type": "icon", "type": "icon",
@ -21,9 +23,7 @@ function genCard(vcard) {
"color": "#6c6664", "color": "#6c6664",
"size": "md" "size": "md"
} }
], ]
"margin": "md",
"paddingStart": "lg"
}, },
`; `;
} else { } else {
@ -31,6 +31,8 @@ function genCard(vcard) {
{ {
"type": "box", "type": "box",
"layout": "baseline", "layout": "baseline",
"margin": "md",
"paddingStart": "lg",
"contents": [ "contents": [
{ {
"type": "icon", "type": "icon",
@ -50,9 +52,7 @@ function genCard(vcard) {
"uri": "${vcard.url}" "uri": "${vcard.url}"
} }
} }
], ]
"margin": "md",
"paddingStart": "lg"
}, },
`; `;
} }
@ -66,6 +66,8 @@ function genCard(vcard) {
{ {
"type": "box", "type": "box",
"layout": "baseline", "layout": "baseline",
"margin": "md",
"paddingStart": "lg",
"contents": [ "contents": [
{ {
"type": "icon", "type": "icon",
@ -79,19 +81,17 @@ function genCard(vcard) {
"text": "${vcard.address}", "text": "${vcard.address}",
"color": "#6c6664", "color": "#6c6664",
"size": "md", "size": "md",
"wrap": true,
"action": { "action": {
"type": "uri", "type": "uri",
"label": "action", "label": "action",
"uri": "https://www.google.com.tw/maps/place/${encodeURIComponent( "uri": "https://www.google.com.tw/maps/place/${encodeURIComponent(
vcard.address vcard.address
)}" )}"
},
"wrap": true
} }
], }
"margin": "md", ]
"paddingStart": "lg" }
},
`; `;
} else { } else {
vcardAddr = ""; vcardAddr = "";
@ -104,6 +104,8 @@ function genCard(vcard) {
{ {
"type": "box", "type": "box",
"layout": "baseline", "layout": "baseline",
"margin": "md",
"paddingStart": "lg",
"contents": [ "contents": [
{ {
"type": "icon", "type": "icon",
@ -123,9 +125,7 @@ function genCard(vcard) {
"uri": "tel:${vcard.tel}" "uri": "tel:${vcard.tel}"
} }
} }
], ]
"margin": "md",
"paddingStart": "lg"
}, },
`; `;
} else { } else {
@ -168,6 +168,8 @@ function genCard(vcard) {
"size": "full", "size": "full",
"aspectRatio": "1:1", "aspectRatio": "1:1",
"aspectMode": "cover", "aspectMode": "cover",
"align": "center",
"gravity": "center",
"action": { "action": {
"type": "uri", "type": "uri",
"label": "action", "label": "action",
@ -186,6 +188,8 @@ function genCard(vcard) {
{ {
"type": "box", "type": "box",
"layout": "baseline", "layout": "baseline",
"margin": "md",
"paddingStart": "lg",
"contents": [ "contents": [
{ {
"type": "icon", "type": "icon",
@ -205,9 +209,7 @@ function genCard(vcard) {
"uri": "mailto:${vcard.email}" "uri": "mailto:${vcard.email}"
} }
} }
], ]
"margin": "md",
"paddingStart": "lg"
}, },
`; `;
} else { } else {
@ -228,16 +230,6 @@ function genCard(vcard) {
"type": "box", "type": "box",
"layout": "vertical", "layout": "vertical",
"contents": [ "contents": [
{
"type": "box",
"layout": "vertical",
"contents": [
{
"type": "box",
"layout": "vertical",
"contents": [],
"height": "45%"
},
{ {
"type": "box", "type": "box",
"layout": "vertical", "layout": "vertical",
@ -246,55 +238,15 @@ function genCard(vcard) {
"type": "image", "type": "image",
"size": "full", "size": "full",
"position": "relative", "position": "relative",
"url": "https://369cycle.zltest.com.tw/tggo/template/bg-03h.png" "url": "https://369cycle.zltest.com.tw/tggo/template/bg-03h.png",
} "aspectRatio": "4:1",
], "aspectMode": "cover"
"height": "55%"
} }
], ],
"height": "100%", "height": "100%",
"position": "absolute", "position": "absolute",
"width": "100%" "width": "100%",
}, "justifyContent": "flex-end"
{
"type": "box",
"layout": "vertical",
"contents": [
{
"type": "text",
"text": "Company",
"size": "3xl",
"weight": "bold",
"offsetBottom": "md",
"color": "#c6b0c9"
},
{
"type": "box",
"layout": "vertical",
"contents": [
{
"type": "text",
"text": "${vcard.company}",
"color": "#ffffff",
"size": "md"
}
],
"backgroundColor": "#6c6d8b",
"paddingTop": "sm",
"paddingBottom": "sm",
"paddingStart": "lg",
"cornerRadius": "xxl",
"paddingEnd": "lg",
"offsetBottom": "xl"
}
],
"cornerRadius": "15px",
"paddingStart": "10px",
"paddingEnd": "10px",
"alignItems": "flex-end",
"offsetEnd": "none",
"position": "absolute",
"offsetTop": "none"
}, },
{ {
"type": "box", "type": "box",
@ -307,10 +259,11 @@ function genCard(vcard) {
{ {
"type": "box", "type": "box",
"layout": "vertical", "layout": "vertical",
"contents": [${vcardAvatar}], "contents": [
"cornerRadius": "10px", ${vcardAvatar}
"margin": "none", ],
"width": "100%" "width": "90%",
"cornerRadius": "xxl"
}, },
{ {
"type": "box", "type": "box",
@ -357,12 +310,13 @@ function genCard(vcard) {
"margin": "xxl" "margin": "xxl"
} }
], ],
"paddingTop": "5%", "paddingTop": "8%",
"paddingBottom": "8%", "paddingBottom": "8%",
"justifyContent": "flex-start", "justifyContent": "flex-start",
"width": "30%", "width": "30%",
"alignItems": "center", "alignItems": "center",
"height": "95%" "height": "100%",
"position": "relative"
}, },
{ {
"type": "box", "type": "box",
@ -370,40 +324,76 @@ function genCard(vcard) {
"contents": [ "contents": [
{ {
"type": "box", "type": "box",
"layout": "horizontal", "layout": "vertical",
"contents": [ "contents": [
{
"type": "text",
"text": "Company",
"size": "3xl",
"weight": "bold",
"color": "#c6b0c9"
},
{ {
"type": "box", "type": "box",
"layout": "vertical", "layout": "vertical",
"contents": [ "contents": [
{ {
"type": "text", "type": "text",
"text": "${vcard.name}", "text": "${vcard.company}",
"size": "xxl", "color": "#ffffff",
"weight": "bold" "size": "md"
} }
] ],
"backgroundColor": "#6c6d8b",
"paddingTop": "sm",
"paddingBottom": "sm",
"paddingStart": "lg",
"cornerRadius": "xxl",
"paddingEnd": "lg",
"offsetBottom": "md"
}
],
"cornerRadius": "15px",
"alignItems": "flex-end",
"position": "relative"
}, },
{
"type": "box",
"layout": "vertical",
"contents": [
{ {
"type": "box", "type": "box",
"layout": "vertical", "layout": "vertical",
"contents": [ "contents": [
{ {
"type": "text", "type": "text",
"text": "${vcard.title}", "text": "前端布魯",
"size": "md", "size": "md",
"weight": "bold", "weight": "bold",
"color": "#888888", "color": "#888888",
"action": { "action": {
"type": "uri", "type": "uri",
"label": "action", "label": "action",
"uri": "${vcard.nfcurl}&cardid=1" "uri": "https://utel.zltest.com.tw/card/?params=TE%2BoyUn0Yl7Vj76pKdp9VaL0LtXOVTpMx5BbbOvd1yM%3D&cardid=1"
} }
} }
] ]
},
{
"type": "box",
"layout": "vertical",
"contents": [
{
"type": "text",
"text": "${vcard.name}",
"size": "xxl",
"weight": "bold"
}
]
} }
], ],
"alignItems": "center" "alignItems": "flex-start",
"justifyContent": "space-between"
}, },
{ {
"type": "separator", "type": "separator",
@ -419,37 +409,28 @@ function genCard(vcard) {
${vcardLink} ${vcardLink}
${vcardEmail} ${vcardEmail}
${vcardAddr} ${vcardAddr}
{
"type": "box",
"layout": "vertical",
"contents": [
{
"type": "separator"
}
]
}
], ],
"margin": "xs" "margin": "xs",
"backgroundColor": "#ffffff95",
"paddingTop": "sm",
"paddingBottom": "lg"
} }
], ],
"height": "84%", "height": "100%",
"paddingStart": "xxl" "position": "relative",
"width": "70%",
"paddingStart": "lg",
"paddingEnd": "md",
"paddingBottom": "lg"
} }
], ],
"paddingAll": "xl",
"height": "100%", "height": "100%",
"alignItems": "flex-end" "alignItems": "flex-start"
} }
], ],
"paddingAll": "0px", "paddingAll": "0px",
"action": {
"type": "uri",
"label": "action",
"uri": "https://utel.zltest.com.tw/card/?params=i7Kq7O59hPX1MJ%2Bqd8zQKBwuyc%2F%2BZ%2BZs%2BZXtXBy4zvg%3D&cardid=1"
},
"justifyContent": "center", "justifyContent": "center",
"alignItems": "center", "alignItems": "center"
"height": "420px"
} }
} }
} }

31
src/utils/card/card2.js
Unescape View File

@ -148,10 +148,11 @@ function genCard(vcard) {
"layout": "vertical", "layout": "vertical",
"contents": [ "contents": [
{ {
"position": "absolute",
"type": "image", "type": "image",
"url": "https://369cycle.zltest.com.tw/tggo/template/bg-02.png", "url": "https://369cycle.zltest.com.tw/tggo/template/bg-02h.png",
"size": "full", "size": "full",
"position": "absolute", "aspectRatio": "2:3",
"aspectMode": "cover" "aspectMode": "cover"
}, },
{ {
@ -230,7 +231,7 @@ function genCard(vcard) {
"borderWidth": "bold", "borderWidth": "bold",
"borderColor": "#ffffff", "borderColor": "#ffffff",
"margin": "none", "margin": "none",
"width": "30%" "width": "100px"
} }
], ],
"alignItems": "center", "alignItems": "center",
@ -295,7 +296,7 @@ function genCard(vcard) {
"style": "primary" "style": "primary"
} }
], ],
"width": "30%" "width": "100px"
} }
], ],
"alignItems": "flex-end" "alignItems": "flex-end"
@ -313,23 +314,26 @@ function genCard(vcard) {
"cornerRadius": "lg" "cornerRadius": "lg"
}, },
{ {
"position": "absolute",
"type": "box", "type": "box",
"layout": "vertical", "layout": "vertical",
"height": "25px",
"justifyContent": "center",
"alignItems": "center",
"paddingStart": "lg",
"paddingEnd": "lg",
"offsetTop": "sm",
"offsetStart": "sm",
"cornerRadius": "15px",
"backgroundColor": "#ffffff",
"contents": [ "contents": [
{ {
"type": "text", "type": "text",
"text": "匯康科技", "text": "${vcard.company}"
"color": "#e5b164", "color": "#e5b164",
"size": "md" "size": "md"
} }
], ]
"position": "absolute",
"offsetTop": "sm",
"offsetStart": "sm",
"backgroundColor": "#ffffff",
"cornerRadius": "15px",
"paddingStart": "10px",
"paddingEnd": "10px"
} }
], ],
"paddingAll": "0px", "paddingAll": "0px",
@ -338,7 +342,6 @@ function genCard(vcard) {
"label": "action", "label": "action",
"uri": "https://utel.zltest.com.tw/card/?params=i7Kq7O59hPX1MJ%2Bqd8zQKBwuyc%2F%2BZ%2BZs%2BZXtXBy4zvg%3D&cardid=1" "uri": "https://utel.zltest.com.tw/card/?params=i7Kq7O59hPX1MJ%2Bqd8zQKBwuyc%2F%2BZ%2BZs%2BZXtXBy4zvg%3D&cardid=1"
}, },
"height": "280px",
"justifyContent": "center", "justifyContent": "center",
"alignItems": "center" "alignItems": "center"
} }

123
src/utils/card/card3.js
Unescape View File

@ -79,7 +79,7 @@ function genCard(vcard) {
"type": "text", "type": "text",
"text": "${vcard.tel}", "text": "${vcard.tel}",
"color": "#ffffff", "color": "#ffffff",
"size": "sm", "size": "lg",
"wrap": true, "wrap": true,
"action": { "action": {
"type": "uri", "type": "uri",
@ -146,20 +146,27 @@ function genCard(vcard) {
"body": { "body": {
"type": "box", "type": "box",
"layout": "horizontal", "layout": "horizontal",
"height": "270px",
"paddingAll": "0px",
"contents": [ "contents": [
{ {
"position": "relative",
"type": "box", "type": "box",
"layout": "vertical", "layout": "vertical",
"width": "35%",
"height": "100%",
"paddingAll": "15px",
"alignItems": "center",
"contents": [ "contents": [
{ {
"type": "box", "type": "box",
"layout": "vertical", "layout": "vertical",
"contents": [${vcardAvatar}], "width": "80%",
"cornerRadius": "150px", "margin": "none",
"width": "60%",
"borderWidth": "bold", "borderWidth": "bold",
"borderColor": "#f5c520", "borderColor": "#f5c520",
"margin": "none" "cornerRadius": "150px",
"contents": [${vcardAvatar}]
}, },
{ {
"type": "text", "type": "text",
@ -181,15 +188,20 @@ function genCard(vcard) {
} }
}, },
${vcardPhone} ${vcardPhone}
], ]
"alignItems": "center",
"paddingTop": "5%",
"paddingBottom": "5%",
"width": "35%"
}, },
{ {
"position": "relative",
"type": "box", "type": "box",
"layout": "vertical", "layout": "vertical",
"width": "66%",
"height": "100%",
"justifyContent": "space-between",
"paddingTop": "4%",
"paddingBottom": "5%",
"paddingStart": "5%",
"paddingEnd": "5%",
"backgroundColor": "#353e45",
"contents": [ "contents": [
{ {
"type": "box", "type": "box",
@ -216,89 +228,80 @@ function genCard(vcard) {
"type": "box", "type": "box",
"layout": "horizontal", "layout": "horizontal",
"justifyContent": "space-between", "justifyContent": "space-between",
"margin": "md",
"contents": [ "contents": [
{ {
"type": "box", "type": "box",
"layout": "vertical", "layout": "vertical",
"width": "48%",
"height": "40px",
"justifyContent": "center",
"alignItems": "center",
"borderWidth": "light",
"borderColor": "#dddddd",
"cornerRadius": "lg",
"contents": [ "contents": [
{ {
"type": "button", "type": "text",
"text": "加入好友",
"color": "#dddddd"
}
],
"action": { "action": {
"type": "uri", "type": "uri",
"label": "加入好友", "label": "action",
"uri": "http://linecorp.com/" "uri": "http://linecorp.com/"
},
"color": "#dddddd",
"height": "sm",
"style": "link"
} }
],
"borderWidth": "light",
"borderColor": "#dddddd",
"cornerRadius": "lg",
"width": "48%",
"height": "36px"
}, },
{ {
"type": "box", "type": "box",
"layout": "vertical", "layout": "vertical",
"width": "48%",
"height": "40px",
"justifyContent": "center",
"alignItems": "center",
"borderWidth": "light",
"borderColor": "#dddddd",
"cornerRadius": "lg",
"contents": [ "contents": [
{ {
"type": "button", "type": "text",
"text": "分享名片",
"color": "#dddddd"
}
],
"action": { "action": {
"type": "uri", "type": "uri",
"label": "分享名片", "label": "action",
"uri": "http://linecorp.com/" "uri": "http://linecorp.com/"
},
"color": "#dddddd",
"height": "sm",
"style": "link"
} }
],
"cornerRadius": "lg",
"borderColor": "#dddddd",
"borderWidth": "light",
"height": "36px",
"width": "48%"
} }
], ]
"margin": "md"
} }
] ]
} }
], ]
"backgroundColor": "#353e45",
"paddingBottom": "4%",
"paddingStart": "5%",
"paddingEnd": "5%",
"width": "66%",
"justifyContent": "space-between",
"paddingTop": "4%"
}, },
{ {
"position": "absolute",
"type": "box", "type": "box",
"layout": "vertical", "layout": "vertical",
"width": "67%",
"height": "100%",
"justifyContent": "flex-start",
"offsetEnd": "none",
"contents": [ "contents": [
{ {
"position": "relative",
"type": "image", "type": "image",
"url": "https://369cycle.zltest.com.tw/tggo/template/bg-01.png", "url": "https://369cycle.zltest.com.tw/tggo/template/bg-01s.png",
"size": "full" "size": "full",
"aspectRatio": "3:1",
"offsetTop": "15%"
} }
], ]
"position": "absolute",
"width": "67%",
"height": "70%",
"offsetEnd": "none",
"justifyContent": "flex-end"
} }
], ]
"paddingAll": "0px",
"action": {
"type": "uri",
"label": "action",
"uri": "https://utel.zltest.com.tw/card/?params=i7Kq7O59hPX1MJ%2Bqd8zQKBwuyc%2F%2BZ%2BZs%2BZXtXBy4zvg%3D&cardid=1"
},
"height": "270px"
} }
} }
} }

5
src/utils/card/index.js
Unescape View File

@ -2,9 +2,9 @@ import { genCard as Card0 } from "./card0.js";
import { genCard as Card1 } from "./card1.js"; import { genCard as Card1 } from "./card1.js";
import { genCard as Card2 } from "./card2.js"; import { genCard as Card2 } from "./card2.js";
import { genCard as Card3 } from "./card3.js"; import { genCard as Card3 } from "./card3.js";
import { genCard as Card4 } from "./card4.js";
export function genCard(opt) { export function genCard(opt) {
console.log(opt.tid)
switch (opt.tid) { switch (opt.tid) {
case 0: case 0:
return Card0(opt.vcard); return Card0(opt.vcard);
@ -18,9 +18,6 @@ export function genCard(opt) {
case 3: case 3:
return Card3(opt.vcard); return Card3(opt.vcard);
break; break;
case 4:
return Card4(opt.vcard);
break;
default: default:
throw new Error("params error"); throw new Error("params error");
break; break;

Write Preview
Loading…
Cancel
Save