|
|
@@ -79,8 +79,195 @@ function shareTargetPicker() {
|
|
|
|
|
|
liff.shareTargetPicker([
|
|
|
{
|
|
|
- 'type': 'text',
|
|
|
- 'text': 'Hello, World!'
|
|
|
+ 'type': 'flex',
|
|
|
+ "contents": {
|
|
|
+ "type": "bubble",
|
|
|
+ "hero": {
|
|
|
+ "type": "box",
|
|
|
+ "layout": "vertical",
|
|
|
+ "contents": [
|
|
|
+ {
|
|
|
+ "type": "box",
|
|
|
+ "layout": "vertical",
|
|
|
+ "contents": [
|
|
|
+ {
|
|
|
+ "type": "text",
|
|
|
+ "text": "MISA 沙龍小聚",
|
|
|
+ "color": "#ffffff",
|
|
|
+ "align": "center",
|
|
|
+ "offsetTop": "3px",
|
|
|
+ "size": "lg",
|
|
|
+ "weight": "bold"
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ "backgroundColor": "#f39a00",
|
|
|
+ "paddingAll": "15px"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "type": "box",
|
|
|
+ "layout": "vertical",
|
|
|
+ "contents": [
|
|
|
+ {
|
|
|
+ "type": "image",
|
|
|
+ "size": "full",
|
|
|
+ "margin": "none",
|
|
|
+ "url": "https://upload.cc/i1/2022/12/02/TrCvmp.jpg"
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ "paddingStart": "5px",
|
|
|
+ "paddingEnd": "5px",
|
|
|
+ "height": "220px",
|
|
|
+ "paddingTop": "10px"
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ "body": {
|
|
|
+ "type": "box",
|
|
|
+ "layout": "vertical",
|
|
|
+ "contents": [
|
|
|
+ {
|
|
|
+ "type": "text",
|
|
|
+ "text": "2022 年即將過去，",
|
|
|
+ "weight": "bold",
|
|
|
+ "size": "sm",
|
|
|
+ "align": "center"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "type": "text",
|
|
|
+ "text": "MISA 將在 12 月份舉辦兩場沙龍小聚",
|
|
|
+ "weight": "bold",
|
|
|
+ "size": "sm",
|
|
|
+ "align": "center",
|
|
|
+ "wrap": true,
|
|
|
+ "margin": "sm"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "type": "text",
|
|
|
+ "text": "歡迎各位 MISA 校友前來共襄盛舉！",
|
|
|
+ "weight": "bold",
|
|
|
+ "size": "sm",
|
|
|
+ "align": "center",
|
|
|
+ "margin": "sm"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "type": "separator",
|
|
|
+ "margin": "md"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "type": "text",
|
|
|
+ "text": "本次 12/21 的沙龍小聚由",
|
|
|
+ "weight": "bold",
|
|
|
+ "size": "sm",
|
|
|
+ "align": "center",
|
|
|
+ "margin": "md"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "type": "text",
|
|
|
+ "text": "「數位行銷賈伯斯」 之稱的王偉羽校友",
|
|
|
+ "weight": "bold",
|
|
|
+ "size": "sm",
|
|
|
+ "align": "center",
|
|
|
+ "margin": "sm"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "type": "text",
|
|
|
+ "text": "以及邀請商周 CEO 學院",
|
|
|
+ "weight": "bold",
|
|
|
+ "size": "sm",
|
|
|
+ "align": "center",
|
|
|
+ "margin": "sm"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "type": "text",
|
|
|
+ "text": "「最高滿意度講師」 吳兆田博士",
|
|
|
+ "weight": "bold",
|
|
|
+ "size": "sm",
|
|
|
+ "align": "center",
|
|
|
+ "margin": "sm"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "type": "text",
|
|
|
+ "text": "透過互動體驗帶領企業主利用策略、工具",
|
|
|
+ "weight": "bold",
|
|
|
+ "size": "sm",
|
|
|
+ "align": "center",
|
|
|
+ "wrap": true,
|
|
|
+ "margin": "sm"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "type": "text",
|
|
|
+ "text": "應對現代「人才荒」的挑戰",
|
|
|
+ "weight": "bold",
|
|
|
+ "size": "sm",
|
|
|
+ "align": "center",
|
|
|
+ "margin": "sm"
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ "footer": {
|
|
|
+ "type": "box",
|
|
|
+ "layout": "vertical",
|
|
|
+ "spacing": "sm",
|
|
|
+ "contents": [
|
|
|
+ {
|
|
|
+ "type": "box",
|
|
|
+ "layout": "vertical",
|
|
|
+ "contents": [
|
|
|
+ {
|
|
|
+ "type": "button",
|
|
|
+ "style": "link",
|
|
|
+ "height": "sm",
|
|
|
+ "action": {
|
|
|
+ "type": "uri",
|
|
|
+ "label": "馬上報名",
|
|
|
+ "uri": "https://pse.is/4k9ysk"
|
|
|
+ },
|
|
|
+ "color": "#ffffff"
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ "backgroundColor": "#f39a00",
|
|
|
+ "cornerRadius": "md"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "type": "box",
|
|
|
+ "layout": "vertical",
|
|
|
+ "contents": [
|
|
|
+ {
|
|
|
+ "type": "button",
|
|
|
+ "style": "link",
|
|
|
+ "height": "sm",
|
|
|
+ "action": {
|
|
|
+ "type": "uri",
|
|
|
+ "label": "官方網站",
|
|
|
+ "uri": "https://www.misaglobal.org/"
|
|
|
+ },
|
|
|
+ "color": "#f39a00"
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ "cornerRadius": "md",
|
|
|
+ "margin": "lg",
|
|
|
+ "borderColor": "#f39a00",
|
|
|
+ "borderWidth": "normal"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "type": "box",
|
|
|
+ "layout": "vertical",
|
|
|
+ "contents": [
|
|
|
+ {
|
|
|
+ "type": "image",
|
|
|
+ "url": "https://static.kolable.com/images/misa/logo.png/120?v=1641520480847"
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ "margin": "none",
|
|
|
+ "position": "absolute",
|
|
|
+ "offsetStart": "108px",
|
|
|
+ "offsetTop": "77px"
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ "flex": 0,
|
|
|
+ "height": "150px"
|
|
|
+ }
|
|
|
+ },
|
|
|
}
|
|
|
])
|
|
|
.then(function (res) {
|
