飯店

超適合用來顯示飯店列表的

如果你需要 demo,可以 加入好友,並且輸入: demo e0bf3700-0138-11ea-9aaf-6f3f75faed51
{
    "type": "bubble",
    "body": {
        "type": "box",
        "layout": "vertical",
        "contents": [
            {
                "type": "image",
                "url": "https:\/\/scdn.line-apps.com\/n\/channel_devcenter\/img\/flexsnapshot\/clip\/clip3.jpg",
                "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": "Brown Grand Hotel",
                                        "size": "xl",
                                        "color": "#ffffff"
                                    }
                                ]
                            },
                            {
                                "type": "box",
                                "layout": "baseline",
                                "contents": [
                                    {
                                        "type": "icon",
                                        "url": "https:\/\/scdn.line-apps.com\/n\/channel_devcenter\/img\/fx\/review_gold_star_28.png"
                                    },
                                    {
                                        "type": "icon",
                                        "url": "https:\/\/scdn.line-apps.com\/n\/channel_devcenter\/img\/fx\/review_gold_star_28.png"
                                    },
                                    {
                                        "type": "icon",
                                        "url": "https:\/\/scdn.line-apps.com\/n\/channel_devcenter\/img\/fx\/review_gold_star_28.png"
                                    },
                                    {
                                        "type": "icon",
                                        "url": "https:\/\/scdn.line-apps.com\/n\/channel_devcenter\/img\/fx\/review_gold_star_28.png"
                                    },
                                    {
                                        "type": "icon",
                                        "url": "https:\/\/scdn.line-apps.com\/n\/channel_devcenter\/img\/fx\/review_gray_star_28.png"
                                    },
                                    {
                                        "type": "text",
                                        "text": "4.0",
                                        "color": "#a9a9a9"
                                    }
                                ],
                                "spacing": "xs"
                            },
                            {
                                "type": "box",
                                "layout": "horizontal",
                                "contents": [
                                    {
                                        "type": "box",
                                        "layout": "baseline",
                                        "contents": [
                                            {
                                                "type": "text",
                                                "text": "\u00a562,000",
                                                "color": "#ffffff",
                                                "size": "md",
                                                "flex": 0,
                                                "align": "end"
                                            },
                                            {
                                                "type": "text",
                                                "text": "\u00a582,000",
                                                "color": "#a9a9a9",
                                                "decoration": "line-through",
                                                "size": "sm",
                                                "align": "end"
                                            }
                                        ],
                                        "flex": 0,
                                        "spacing": "lg"
                                    }
                                ]
                            }
                        ],
                        "spacing": "xs"
                    }
                ],
                "position": "absolute",
                "offsetBottom": "0px",
                "offsetStart": "0px",
                "offsetEnd": "0px",
                "paddingAll": "20px"
            }
        ],
        "paddingAll": "0px"
    }
}
...