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

卡片發布調整

Browse Source
main
DESKTOP-8UQ1PPR\09158 2 years ago
parent 443acf6cc3
commit 69cee05bec
6 changed files with 66 additions and 32 deletions
Show Stats Download Patch File Download Diff File

2
src/components/Preview.vue
Unescape View File

@ -57,7 +57,7 @@ onDeactivated(() => {
.chatbox { .chatbox {
background-color: #333; background-color: #000;
margin-top: 10px; margin-top: 10px;
padding-top: 10px; padding-top: 10px;
} }

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

@ -227,6 +227,7 @@ function genCard(vcard) {
"body": { "body": {
"type": "box", "type": "box",
"layout": "vertical", "layout": "vertical",
"height": "290px",
"contents": [ "contents": [
{ {
"type": "image", "type": "image",
@ -267,7 +268,7 @@ function genCard(vcard) {
} }
], ],
"position": "absolute", "position": "absolute",
"offsetTop": "13%", "offsetTop": "10%",
"offsetStart": "3%", "offsetStart": "3%",
"width": "26%", "width": "26%",
"alignItems": "center" "alignItems": "center"

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

@ -21,7 +21,7 @@ function genCard(vcard) {
"type": "text", "type": "text",
"text": "${vcard.url}", "text": "${vcard.url}",
"color": "#6c6664", "color": "#6c6664",
"size": "md" "size": "sm"
} }
] ]
}, },
@ -45,7 +45,7 @@ function genCard(vcard) {
"type": "text", "type": "text",
"text": "${vcard.url}", "text": "${vcard.url}",
"color": "#6c6664", "color": "#6c6664",
"size": "md", "size": "sm",
"action": { "action": {
"type": "uri", "type": "uri",
"label": "yahoo", "label": "yahoo",
@ -80,7 +80,7 @@ function genCard(vcard) {
"type": "text", "type": "text",
"text": "${vcard.address}", "text": "${vcard.address}",
"color": "#6c6664", "color": "#6c6664",
"size": "md", "size": "sm",
"wrap": true, "wrap": true,
"action": { "action": {
"type": "uri", "type": "uri",
@ -118,7 +118,7 @@ function genCard(vcard) {
"type": "text", "type": "text",
"text": "${vcard.tel}", "text": "${vcard.tel}",
"color": "#6c6664", "color": "#6c6664",
"size": "md", "size": "sm",
"action": { "action": {
"type": "uri", "type": "uri",
"label": "action", "label": "action",
@ -138,13 +138,22 @@ function genCard(vcard) {
vcardPhone = ` vcardPhone = `
{ {
"type": "box", "type": "box",
"layout": "vertical", "layout": "baseline",
"margin": "md",
"paddingStart": "lg",
"contents": [ "contents": [
{
"type": "icon",
"url": "https://369cycle.zltest.com.tw/tggo/template/icon/phone.png",
"size": "sm",
"offsetTop": "xs",
"offsetEnd": "md"
},
{ {
"type": "text", "type": "text",
"text": "${vcard.phone}", "text": "${vcard.phone}",
"size": "xxl", "size": "sm",
"color": "#93476e", "color": "#6c6664",
"action": { "action": {
"type": "uri", "type": "uri",
"label": "action", "label": "action",
@ -229,6 +238,7 @@ function genCard(vcard) {
"body": { "body": {
"type": "box", "type": "box",
"layout": "vertical", "layout": "vertical",
"height": "290px",
"contents": [ "contents": [
{ {
"type": "box", "type": "box",
@ -243,10 +253,15 @@ function genCard(vcard) {
"aspectMode": "cover" "aspectMode": "cover"
} }
], ],
"height": "100%",
"position": "absolute", "position": "absolute",
"width": "100%", "width": "100%",
"justifyContent": "flex-end" "justifyContent": "flex-end",
"height": "100%",
"action": {
"type": "uri",
"label": "action",
"uri": "http://linecorp.com/"
}
}, },
{ {
"type": "box", "type": "box",
@ -262,13 +277,14 @@ function genCard(vcard) {
"contents": [ "contents": [
${vcardAvatar} ${vcardAvatar}
], ],
"width": "90%", "width": "90px",
"cornerRadius": "xxl" "cornerRadius": "xl"
}, },
{ {
"type": "box", "type": "box",
"layout": "vertical", "layout": "vertical",
"justifyContent": "space-between", "justifyContent": "space-between",
"width": "80%",
"contents": [ "contents": [
{ {
"type": "button", "type": "button",
@ -280,7 +296,7 @@ function genCard(vcard) {
"color": "#755483", "color": "#755483",
"height": "sm", "height": "sm",
"style": "primary", "style": "primary",
"margin": "md" "margin": "xs"
}, },
{ {
"type": "button", "type": "button",
@ -292,7 +308,7 @@ function genCard(vcard) {
"color": "#93476e", "color": "#93476e",
"height": "sm", "height": "sm",
"style": "primary", "style": "primary",
"margin": "md" "margin": "xs"
}, },
{ {
"type": "button", "type": "button",
@ -304,16 +320,16 @@ function genCard(vcard) {
"color": "#c73f6d", "color": "#c73f6d",
"height": "sm", "height": "sm",
"style": "primary", "style": "primary",
"margin": "md" "margin": "xs"
} }
], ],
"margin": "xxl" "margin": "xxl"
} }
], ],
"paddingTop": "8%", "paddingTop": "5%",
"paddingBottom": "8%", "paddingBottom": "5%",
"justifyContent": "flex-start", "justifyContent": "space-between",
"width": "30%", "width": "35%",
"alignItems": "center", "alignItems": "center",
"height": "100%", "height": "100%",
"position": "relative" "position": "relative"
@ -331,7 +347,9 @@ function genCard(vcard) {
"text": "Company", "text": "Company",
"size": "3xl", "size": "3xl",
"weight": "bold", "weight": "bold",
"color": "#c6b0c9" "color": "#c6b0c9",
"offsetBottom": "sm",
"offsetEnd": "md"
}, },
{ {
"type": "box", "type": "box",
@ -350,7 +368,8 @@ function genCard(vcard) {
"paddingStart": "lg", "paddingStart": "lg",
"cornerRadius": "xxl", "cornerRadius": "xxl",
"paddingEnd": "lg", "paddingEnd": "lg",
"offsetBottom": "md" "position": "absolute",
"offsetTop": "xxl"
} }
], ],
"cornerRadius": "15px", "cornerRadius": "15px",
@ -399,12 +418,16 @@ function genCard(vcard) {
"type": "box", "type": "box",
"layout": "vertical", "layout": "vertical",
"contents": [ "contents": [
${vcardPhone}
${vcardTel} ${vcardTel}
${vcardPhone}
${vcardLink} ${vcardLink}
${vcardEmail} ${vcardEmail}
${vcardAddr} ${vcardAddr}
{ {
"position": "absolute",
"width": "1px",
"height": "1px",
"backgroundColor": "#333333",
"type": "box", "type": "box",
"layout": "vertical", "layout": "vertical",
"contents": [ "contents": [
@ -422,7 +445,7 @@ function genCard(vcard) {
], ],
"height": "100%", "height": "100%",
"position": "relative", "position": "relative",
"width": "70%", "width": "65%",
"paddingStart": "lg", "paddingStart": "lg",
"paddingEnd": "md", "paddingEnd": "md",
"paddingBottom": "lg" "paddingBottom": "lg"

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

@ -146,6 +146,7 @@ function genCard(vcard) {
"body": { "body": {
"type": "box", "type": "box",
"layout": "vertical", "layout": "vertical",
"height": "290px",
"contents": [ "contents": [
{ {
"position": "absolute", "position": "absolute",
@ -227,7 +228,7 @@ function genCard(vcard) {
"type": "box", "type": "box",
"layout": "vertical", "layout": "vertical",
"contents": [${vcardAvatar}], "contents": [${vcardAvatar}],
"cornerRadius": "150px", "cornerRadius": "20px",
"borderWidth": "bold", "borderWidth": "bold",
"borderColor": "#ffffff", "borderColor": "#ffffff",
"margin": "none", "margin": "none",
@ -255,6 +256,10 @@ function genCard(vcard) {
${vcardEmail} ${vcardEmail}
${vcardAddr} ${vcardAddr}
{ {
"position": "absolute",
"width": "1px",
"height": "1px",
"backgroundColor": "#333333",
"type": "box", "type": "box",
"layout": "vertical", "layout": "vertical",
"contents": [ "contents": [
@ -279,7 +284,7 @@ function genCard(vcard) {
"label": "加入好友", "label": "加入好友",
"uri": "https://line.naver.jp/ti/p/~${vcard.line}" "uri": "https://line.naver.jp/ti/p/~${vcard.line}"
}, },
"color": "#6c6664", "color": "#464757",
"height": "sm", "height": "sm",
"style": "primary" "style": "primary"
}, },
@ -290,7 +295,7 @@ function genCard(vcard) {
"label": "分享名片", "label": "分享名片",
"uri": "${import.meta.env.VITE_APP_SEND_URL}/?userid=${vcard.user_id}&cardid=1&tpl=2" "uri": "${import.meta.env.VITE_APP_SEND_URL}/?userid=${vcard.user_id}&cardid=1&tpl=2"
}, },
"color": "#6c6664", "color": "#464757",
"height": "sm", "height": "sm",
"margin": "sm", "margin": "sm",
"style": "primary" "style": "primary"

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

@ -146,8 +146,13 @@ function genCard(vcard) {
"body": { "body": {
"type": "box", "type": "box",
"layout": "horizontal", "layout": "horizontal",
"height": "270px", "height": "290px",
"paddingAll": "0px", "paddingAll": "0px",
"action": {
"type": "uri",
"label": "action",
"uri": "${vcard.nfcurl}"
},
"contents": [ "contents": [
{ {
"position": "relative", "position": "relative",
@ -194,8 +199,8 @@ function genCard(vcard) {
"justifyContent": "space-between", "justifyContent": "space-between",
"paddingTop": "4%", "paddingTop": "4%",
"paddingBottom": "5%", "paddingBottom": "5%",
"paddingStart": "5%", "paddingStart": "4%",
"paddingEnd": "5%", "paddingEnd": "4%",
"backgroundColor": "#353e45", "backgroundColor": "#353e45",
"contents": [ "contents": [
{ {

4
src/views/Send/index.vue
Unescape View File

@ -282,7 +282,7 @@ const changeTpl = async (val) => {
<li class="tpl-item" @click="changeTpl(0)"> <li class="tpl-item" @click="changeTpl(0)">
<img src="@/assets/images/tpl/tpl0.png"> <img src="@/assets/images/tpl/tpl0.png">
</li> </li>
<!-- <li class="tpl-item" @click="changeTpl(1)"> <li class="tpl-item" @click="changeTpl(1)">
<img src="@/assets/images/tpl/tpl1.png"> <img src="@/assets/images/tpl/tpl1.png">
</li> </li>
<li class="tpl-item" @click="changeTpl(2)"> <li class="tpl-item" @click="changeTpl(2)">
@ -290,7 +290,7 @@ const changeTpl = async (val) => {
</li> </li>
<li class="tpl-item" @click="changeTpl(3)"> <li class="tpl-item" @click="changeTpl(3)">
<img src="@/assets/images/tpl/tpl3.png"> <img src="@/assets/images/tpl/tpl3.png">
</li> --> </li>
</ul> </ul>
</div> </div>
</van-popup> </van-popup>

Write Preview
Loading…
Cancel
Save