diff --git a/src/utils/card/card3.js b/src/utils/card/card3.js index e735da5..6b9c859 100644 --- a/src/utils/card/card3.js +++ b/src/utils/card/card3.js @@ -148,21 +148,42 @@ function genCard(vcard) { "layout": "horizontal", "height": "290px", "paddingAll": "0px", + "backgroundColor": "#353e45", "action": { "type": "uri", "label": "action", "uri": "${vcard.nfcurl}" }, "contents": [ + { + "position": "absolute", + "type": "box", + "layout": "vertical", + "width": "67%", + "height": "100%", + "justifyContent": "flex-start", + "offsetEnd": "none", + "contents": [ + { + "position": "relative", + "type": "image", + "url": "https://369cycle.zltest.com.tw/tggo/template/bg-01s.png", + "size": "full", + "aspectRatio": "3:1", + "offsetTop": "15%" + } + ] + }, { "position": "relative", "type": "box", "layout": "vertical", "width": "35%", "height": "100%", - "paddingAll": "18px", + "paddingAll": "14px", "justifyContent": "space-between", "alignItems": "center", + "backgroundColor": "#ffffff", "contents": [ { "type": "box", @@ -227,11 +248,7 @@ function genCard(vcard) { "width": "66%", "height": "100%", "justifyContent": "space-between", - "paddingTop": "4%", - "paddingBottom": "5%", - "paddingStart": "4%", - "paddingEnd": "4%", - "backgroundColor": "#353e45", + "paddingAll": "14px", "contents": [ { "type": "box", @@ -302,7 +319,7 @@ function genCard(vcard) { ], "action": { "type": "uri", - "label": "εˆ†δΊ«εη‰‡", + "label": "action", "uri": "${import.meta.env.VITE_APP_SEND_URL}/?userid=${vcard.user_id}&cardid=1&tpl=3" } } @@ -311,26 +328,7 @@ function genCard(vcard) { ] } ] - }, - { - "position": "absolute", - "type": "box", - "layout": "vertical", - "width": "67%", - "height": "100%", - "justifyContent": "flex-start", - "offsetEnd": "none", - "contents": [ - { - "position": "relative", - "type": "image", - "url": "https://369cycle.zltest.com.tw/tggo/template/bg-01s.png", - "size": "full", - "aspectRatio": "3:1", - "offsetTop": "15%" - } - ] - } + } ] } }