美美的 image

HairSheep 的作品集清單,很適合陳列大量圖片(例如:作品集)

如果你需要 demo,可以 加入好友,並且輸入: demo 3897f0b0-0f1c-11ea-bbf9-d7de852a6444
{
    "type": "bubble",
    "body": {
        "type": "box",
        "layout": "vertical",
        "contents": [
            {
                "type": "image",
                "url": "https:\/\/hairsheep.com.tw\/uploads\/images\/collection\/936a7f80-0e90-11ea-acc6-7d5943a5e1aa.png",
                "size": "full",
                "aspectMode": "cover",
                "aspectRatio": "1:1",
                "gravity": "center"
            },
            {
                "type": "image",
                "url": "https:\/\/scdn.line-apps.com\/n\/channel_devcenter\/img\/flexsnapshot\/clip\/clip15.png",
                "position": "absolute",
                "aspectMode": "fit",
                "aspectRatio": "1:1",
                "offsetTop": "0px",
                "offsetBottom": "0px",
                "offsetStart": "0px",
                "offsetEnd": "0px",
                "size": "full"
            },
            {
                "type": "box",
                "layout": "horizontal",
                "contents": [
                    {
                        "type": "box",
                        "layout": "vertical",
                        "contents": [
                            {
                                "type": "box",
                                "layout": "horizontal",
                                "contents": [
                                    {
                                        "type": "text",
                                        "text": "\u6587\u5b57\u6a19\u984c",
                                        "size": "xl",
                                        "color": "#ffffff"
                                    }
                                ]
                            },
                            {
                                "type": "box",
                                "layout": "horizontal",
                                "contents": [
                                    {
                                        "type": "box",
                                        "layout": "baseline",
                                        "contents": [
                                            {
                                                "type": "text",
                                                "text": "\u6587\u5b57\u8aaa\u660e",
                                                "color": "#ffffff",
                                                "size": "md",
                                                "flex": 0,
                                                "align": "end"
                                            }
                                        ],
                                        "flex": 0,
                                        "spacing": "lg"
                                    }
                                ]
                            }
                        ],
                        "spacing": "xs"
                    }
                ],
                "position": "absolute",
                "offsetBottom": "0px",
                "offsetStart": "0px",
                "offsetEnd": "0px",
                "paddingAll": "20px"
            }
        ],
        "paddingAll": "0px"
    }
}
...
這個 Flex message 由  @533zkjgm 提供