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 {
background-color: #333;
background-color: #000;
margin-top: 10px;
padding-top: 10px;
}

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

@ -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"

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

@ -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"

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

@ -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"

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

@ -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": [
{

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

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

Write Preview
Loading…
Cancel
Save