readme.md

LINE 數位版名片工作坊

• 作者: 戴均民
• 工作坊文件網址: https://lihi1.com/vp6Ck

請將 card3.csv 與 card3.txt 貼到 透過 CSV 製作 LINE 數位名片 的網頁即可執行。

card3.csv

card3.txt

<%
function imgStar (isGold) {
  return `https://scdn.line-apps.com/n/channel_devcenter/img/fx/review_${isGold ? 'gold' : 'gray'}_star_28.png`
}
%>

{
  "type": "bubble",
  "body": {
    "layout": "vertical",
    "type": "box",
    "contents": [
      {
        "size": "xl",
        "text": "${vcard.name}",
        "type": "text",
        "weight": "bold"
      },
      {
        "layout": "baseline",
        "margin": "md",
        "type": "box",
        "contents": [
          {
            "size": "sm",
            "type": "icon",
            "url": "${imgStar(vcard.rating > 0)}"
          },
          {
            "size": "sm",
            "type": "icon",
            "url": "${imgStar(vcard.rating > 1)}"
          },
          {
            "size": "sm",
            "type": "icon",
            "url": "${imgStar(vcard.rating > 2)}"
          },
          {
            "size": "sm",
            "type": "icon",
            "url": "${imgStar(vcard.rating > 3)}"
          },
          {
            "size": "sm",
            "type": "icon",
            "url": "${imgStar(vcard.rating > 4)}"
          },
          {
            "color": "#999999",
            "flex": 0,
            "margin": "md",
            "size": "sm",
            "text": "${vcard.rating}",
            "type": "text"
          }
        ]
      },
      {
        "layout": "vertical",
        "margin": "lg",
        "spacing": "sm",
        "type": "box",
        "contents": [
          {
            "layout": "baseline",
            "spacing": "sm",
            "type": "box",
            "contents": [
              {
                "color": "#aaaaaa",
                "flex": 1,
                "size": "sm",
                "text": "Place",
                "type": "text"
              },
              {
                "color": "#666666",
                "flex": 5,
                "size": "sm",
                "text": "${vcard.place}",
                "type": "text",
                "wrap": true
              }
            ]
          },
          {
            "layout": "baseline",
            "spacing": "sm",
            "type": "box",
            "contents": [
              {
                "color": "#aaaaaa",
                "flex": 1,
                "size": "sm",
                "text": "Time",
                "type": "text"
              },
              {
                "color": "#666666",
                "flex": 5,
                "size": "sm",
                "text": "${vcard.time}",
                "type": "text",
                "wrap": true
              }
            ]
          }
        ]
      }
    ]
  },
  "footer": {
    "flex": 0,
    "layout": "vertical",
    "spacing": "sm",
    "type": "box",
    "contents": [
      {
        "height": "sm",
        "style": "link",
        "type": "button",
        "action": {
          "label": "CALL",
          "type": "uri",
          "uri": "${vcard.tel}"
        }
      },
      {
        "height": "sm",
        "style": "link",
        "type": "button",
        "action": {
          "label": "WEBSITE",
          "type": "uri",
          "uri": "${vcard.website}"
        }
      }
    ]
  },
  "hero": {
    "aspectMode": "cover",
    "aspectRatio": "${vcard.image_ratio}",
    "size": "full",
    "type": "image",
    "url": "${vcard.image}",
    "action": {
      "type": "uri",
      "uri": "${vcard.website}"
    }
  }
}