diff --git a/src/components/Preview.vue b/src/components/Preview.vue index f914f09..3e2fb9e 100644 --- a/src/components/Preview.vue +++ b/src/components/Preview.vue @@ -57,7 +57,7 @@ onDeactivated(() => { .chatbox { - background-color: #333; + background-color: #000; margin-top: 10px; padding-top: 10px; } diff --git a/src/utils/card/card0.js b/src/utils/card/card0.js index 6782a27..bc6e8ca 100644 --- a/src/utils/card/card0.js +++ b/src/utils/card/card0.js @@ -227,6 +227,7 @@ function genCard(vcard) { "body": { "type": "box", "layout": "vertical", + "height": "290px", "contents": [ { "type": "image", @@ -267,7 +268,7 @@ function genCard(vcard) { } ], "position": "absolute", - "offsetTop": "13%", + "offsetTop": "10%", "offsetStart": "3%", "width": "26%", "alignItems": "center" diff --git a/src/utils/card/card1.js b/src/utils/card/card1.js index 59a3753..7e0f151 100644 --- a/src/utils/card/card1.js +++ b/src/utils/card/card1.js @@ -21,7 +21,7 @@ function genCard(vcard) { "type": "text", "text": "${vcard.url}", "color": "#6c6664", - "size": "md" + "size": "sm" } ] }, @@ -45,7 +45,7 @@ function genCard(vcard) { "type": "text", "text": "${vcard.url}", "color": "#6c6664", - "size": "md", + "size": "sm", "action": { "type": "uri", "label": "yahoo", @@ -80,7 +80,7 @@ function genCard(vcard) { "type": "text", "text": "${vcard.address}", "color": "#6c6664", - "size": "md", + "size": "sm", "wrap": true, "action": { "type": "uri", @@ -118,7 +118,7 @@ function genCard(vcard) { "type": "text", "text": "${vcard.tel}", "color": "#6c6664", - "size": "md", + "size": "sm", "action": { "type": "uri", "label": "action", @@ -138,13 +138,22 @@ function genCard(vcard) { vcardPhone = ` { "type": "box", - "layout": "vertical", + "layout": "baseline", + "margin": "md", + "paddingStart": "lg", "contents": [ + { + "type": "icon", + "url": "https://369cycle.zltest.com.tw/tggo/template/icon/phone.png", + "size": "sm", + "offsetTop": "xs", + "offsetEnd": "md" + }, { "type": "text", "text": "${vcard.phone}", - "size": "xxl", - "color": "#93476e", + "size": "sm", + "color": "#6c6664", "action": { "type": "uri", "label": "action", @@ -229,6 +238,7 @@ function genCard(vcard) { "body": { "type": "box", "layout": "vertical", + "height": "290px", "contents": [ { "type": "box", @@ -243,10 +253,15 @@ function genCard(vcard) { "aspectMode": "cover" } ], - "height": "100%", "position": "absolute", "width": "100%", - "justifyContent": "flex-end" + "justifyContent": "flex-end", + "height": "100%", + "action": { + "type": "uri", + "label": "action", + "uri": "http://linecorp.com/" + } }, { "type": "box", @@ -262,13 +277,14 @@ function genCard(vcard) { "contents": [ ${vcardAvatar} ], - "width": "90%", - "cornerRadius": "xxl" + "width": "90px", + "cornerRadius": "xl" }, { "type": "box", "layout": "vertical", "justifyContent": "space-between", + "width": "80%", "contents": [ { "type": "button", @@ -280,7 +296,7 @@ function genCard(vcard) { "color": "#755483", "height": "sm", "style": "primary", - "margin": "md" + "margin": "xs" }, { "type": "button", @@ -292,7 +308,7 @@ function genCard(vcard) { "color": "#93476e", "height": "sm", "style": "primary", - "margin": "md" + "margin": "xs" }, { "type": "button", @@ -304,16 +320,16 @@ function genCard(vcard) { "color": "#c73f6d", "height": "sm", "style": "primary", - "margin": "md" + "margin": "xs" } ], "margin": "xxl" } ], - "paddingTop": "8%", - "paddingBottom": "8%", - "justifyContent": "flex-start", - "width": "30%", + "paddingTop": "5%", + "paddingBottom": "5%", + "justifyContent": "space-between", + "width": "35%", "alignItems": "center", "height": "100%", "position": "relative" @@ -331,7 +347,9 @@ function genCard(vcard) { "text": "Company", "size": "3xl", "weight": "bold", - "color": "#c6b0c9" + "color": "#c6b0c9", + "offsetBottom": "sm", + "offsetEnd": "md" }, { "type": "box", @@ -350,7 +368,8 @@ function genCard(vcard) { "paddingStart": "lg", "cornerRadius": "xxl", "paddingEnd": "lg", - "offsetBottom": "md" + "position": "absolute", + "offsetTop": "xxl" } ], "cornerRadius": "15px", @@ -399,12 +418,16 @@ function genCard(vcard) { "type": "box", "layout": "vertical", "contents": [ - ${vcardPhone} ${vcardTel} + ${vcardPhone} ${vcardLink} ${vcardEmail} ${vcardAddr} { + "position": "absolute", + "width": "1px", + "height": "1px", + "backgroundColor": "#333333", "type": "box", "layout": "vertical", "contents": [ @@ -422,7 +445,7 @@ function genCard(vcard) { ], "height": "100%", "position": "relative", - "width": "70%", + "width": "65%", "paddingStart": "lg", "paddingEnd": "md", "paddingBottom": "lg" diff --git a/src/utils/card/card2.js b/src/utils/card/card2.js index ca32a8c..2847817 100644 --- a/src/utils/card/card2.js +++ b/src/utils/card/card2.js @@ -146,6 +146,7 @@ function genCard(vcard) { "body": { "type": "box", "layout": "vertical", + "height": "290px", "contents": [ { "position": "absolute", @@ -227,7 +228,7 @@ function genCard(vcard) { "type": "box", "layout": "vertical", "contents": [${vcardAvatar}], - "cornerRadius": "150px", + "cornerRadius": "20px", "borderWidth": "bold", "borderColor": "#ffffff", "margin": "none", @@ -255,6 +256,10 @@ function genCard(vcard) { ${vcardEmail} ${vcardAddr} { + "position": "absolute", + "width": "1px", + "height": "1px", + "backgroundColor": "#333333", "type": "box", "layout": "vertical", "contents": [ @@ -279,7 +284,7 @@ function genCard(vcard) { "label": "加入好友", "uri": "https://line.naver.jp/ti/p/~${vcard.line}" }, - "color": "#6c6664", + "color": "#464757", "height": "sm", "style": "primary" }, @@ -290,7 +295,7 @@ function genCard(vcard) { "label": "分享名片", "uri": "${import.meta.env.VITE_APP_SEND_URL}/?userid=${vcard.user_id}&cardid=1&tpl=2" }, - "color": "#6c6664", + "color": "#464757", "height": "sm", "margin": "sm", "style": "primary" diff --git a/src/utils/card/card3.js b/src/utils/card/card3.js index df0889e..ce0bd24 100644 --- a/src/utils/card/card3.js +++ b/src/utils/card/card3.js @@ -146,8 +146,13 @@ function genCard(vcard) { "body": { "type": "box", "layout": "horizontal", - "height": "270px", + "height": "290px", "paddingAll": "0px", + "action": { + "type": "uri", + "label": "action", + "uri": "${vcard.nfcurl}" + }, "contents": [ { "position": "relative", @@ -194,8 +199,8 @@ function genCard(vcard) { "justifyContent": "space-between", "paddingTop": "4%", "paddingBottom": "5%", - "paddingStart": "5%", - "paddingEnd": "5%", + "paddingStart": "4%", + "paddingEnd": "4%", "backgroundColor": "#353e45", "contents": [ { diff --git a/src/views/Send/index.vue b/src/views/Send/index.vue index 19629da..bccf2d2 100644 --- a/src/views/Send/index.vue +++ b/src/views/Send/index.vue @@ -282,7 +282,7 @@ const changeTpl = async (val) => {
    • - +