Skip to content

Instantly share code, notes, and snippets.

@sk-chanch

sk-chanch/Flex02-Botnoi

Forked from Mulannnnn/Flex02-Botnoi
Created October 26, 2024 06:08
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save sk-chanch/c563395dcfb91062e2cb15ef25d4079b to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save sk-chanch/c563395dcfb91062e2cb15ef25d4079b to your computer and use it in GitHub Desktop.
Download ZIP
Raw
Flex02-Botnoi
{
"type": "bubble",
"size": "mega",
"body": {
"type": "box",
"layout": "vertical",
"contents": [
{
"type": "box",
"layout": "vertical",
"contents": [
{
"type": "text",
"text": "กรุงเทพมหานคร",
"align": "center"
},
{
"type": "box",
"layout": "horizontal",
"contents": [
{
"type": "image",
"url": "https://i.ibb.co/p2vRtCL/partly-cloudy.png",
"size": "60px",
"align": "end"
},
{
"type": "text",
"text": "33°",
"size": "4xl",
"weight": "regular",
"align": "start",
"margin": "20px"
}
]
},
{
"type": "box",
"layout": "vertical",
"contents": [
{
"type": "text",
"text": "เมฆเป็นส่วนมาก",
"align": "center",
"size": "14px"
},
{
"type": "text",
"text": "สูงสุด: 34° ต่ำสุด: 26°",
"size": "14px",
"align": "center"
}
]
},
{
"type": "separator",
"margin": "10px",
"color": "#bcbcbc"
}
]
},
{
"type": "text",
"text": "คาดว่ามีพายุฝนฟ้าคะนอง ประมาณเวลา 18:00",
"color": "#b7b7b7",
"size": "xxs",
"margin": "10px"
},
{
"type": "separator",
"margin": "10px",
"color": "#bcbcbc"
},
{
"type": "box",
"layout": "horizontal",
"contents": [
{
"type": "text",
"text": "ตอนนี้",
"size": "xxs",
"align": "center"
},
{
"type": "text",
"text": "18",
"size": "xxs",
"align": "center"
},
{
"type": "text",
"text": "18:35",
"size": "xxs",
"align": "center"
},
{
"type": "text",
"text": "19",
"size": "xxs",
"align": "center"
},
{
"type": "text",
"text": "20",
"size": "xxs",
"align": "center"
}
],
"margin": "10px"
},
{
"type": "box",
"layout": "horizontal",
"contents": [
{
"type": "image",
"url": "https://i.ibb.co/J2MTKzr/cloud.png",
"size": "xxs",
"align": "center"
},
{
"type": "image",
"url": "https://i.ibb.co/9wdmqDh/download-1.png",
"size": "xxs",
"align": "center",
"margin": "10px"
},
{
"type": "image",
"url": "https://i.ibb.co/D1ws5nG/if-weather-26-2682825-90789.png",
"size": "xxs",
"align": "center",
"margin": "10px"
},
{
"type": "image",
"url": "https://i.ibb.co/9wdmqDh/download-1.png",
"size": "xxs",
"align": "center",
"margin": "10px"
},
{
"type": "image",
"url": "https://i.ibb.co/9wdmqDh/download-1.png",
"size": "xxs",
"align": "center",
"margin": "10px"
}
],
"margin": "5px"
},
{
"type": "box",
"layout": "horizontal",
"contents": [
{
"type": "text",
"text": "32°",
"align": "center",
"size": "xxs"
},
{
"type": "text",
"text": "32°",
"align": "center",
"size": "xxs"
},
{
"type": "text",
"text": "อาทิตย์ตก",
"align": "center",
"size": "xxs"
},
{
"type": "text",
"text": "31°",
"align": "center",
"size": "xxs"
},
{
"type": "text",
"text": "30°",
"align": "center",
"size": "xxs"
}
]
},
{
"type": "separator",
"margin": "10px",
"color": "#bcbcbc"
},
{
"type": "text",
"text": "พยากรณ์อากาศ 10 วัน",
"size": "xxs",
"color": "#bcbcbc",
"margin": "10px"
},
{
"type": "separator",
"margin": "10px",
"color": "#bcbcbc"
},
{
"type": "box",
"layout": "horizontal",
"contents": [
{
"type": "text",
"text": "วันนี้",
"size": "sm",
"gravity": "center"
},
{
"type": "box",
"layout": "vertical",
"contents": [
{
"type": "image",
"url": "https://i.ibb.co/9wdmqDh/download-1.png"
},
{
"type": "text",
"text": "50%",
"size": "xs",
"align": "center"
}
]
},
{
"type": "text",
"text": "26°",
"size": "xxs",
"align": "end",
"gravity": "center"
},
{
"type": "box",
"layout": "vertical",
"contents": [
{
"type": "box",
"layout": "vertical",
"contents": [],
"cornerRadius": "30px",
"backgroundColor": "#D65C21",
"width": "70%",
"height": "6px"
},
{
"type": "filler"
}
],
"backgroundColor": "#EBEBEB",
"cornerRadius": "10px",
"height": "6px",
"width": "35%",
"offsetTop": "xxl"
},
{
"type": "text",
"text": "34°",
"size": "xxs",
"align": "start",
"gravity": "center"
}
],
"spacing": "lg",
"cornerRadius": "30px",
"margin": "md"
},
{
"type": "box",
"layout": "horizontal",
"contents": [
{
"type": "text",
"text": "พฤ.",
"size": "sm",
"gravity": "center"
},
{
"type": "box",
"layout": "vertical",
"contents": [
{
"type": "image",
"url": "https://i.ibb.co/gyqGJLw/download.png"
},
{
"type": "text",
"text": "30%",
"size": "xs",
"align": "center"
}
]
},
{
"type": "text",
"text": "27°",
"size": "xxs",
"align": "end",
"gravity": "center"
},
{
"type": "box",
"layout": "vertical",
"contents": [
{
"type": "box",
"layout": "vertical",
"contents": [],
"cornerRadius": "30px",
"backgroundColor": "#D65C21",
"width": "80%",
"height": "6px"
},
{
"type": "filler"
}
],
"backgroundColor": "#EBEBEB",
"cornerRadius": "10px",
"height": "6px",
"width": "35%",
"offsetTop": "xxl",
"alignItems": "center"
},
{
"type": "text",
"text": "34°",
"size": "xxs",
"align": "start",
"gravity": "center"
}
],
"spacing": "lg",
"cornerRadius": "30px",
"margin": "md"
},
{
"type": "box",
"layout": "horizontal",
"contents": [
{
"type": "text",
"text": "ศ.",
"size": "sm",
"gravity": "center"
},
{
"type": "box",
"layout": "vertical",
"contents": [
{
"type": "image",
"url": "https://i.ibb.co/gyqGJLw/download.png"
},
{
"type": "text",
"text": "60%",
"size": "xs",
"align": "center"
}
]
},
{
"type": "text",
"text": "27°",
"size": "xxs",
"align": "end",
"gravity": "center"
},
{
"type": "box",
"layout": "vertical",
"contents": [
{
"type": "box",
"layout": "vertical",
"contents": [],
"cornerRadius": "30px",
"backgroundColor": "#D65C21",
"width": "80%",
"height": "6px"
},
{
"type": "filler"
}
],
"backgroundColor": "#EBEBEB",
"cornerRadius": "10px",
"height": "6px",
"width": "35%",
"offsetTop": "xxl",
"alignItems": "center"
},
{
"type": "text",
"text": "34°",
"size": "xxs",
"align": "start",
"gravity": "center"
}
],
"spacing": "lg",
"cornerRadius": "30px",
"margin": "md"
},
{
"type": "box",
"layout": "horizontal",
"contents": [
{
"type": "text",
"text": "ส.",
"size": "sm",
"gravity": "center"
},
{
"type": "box",
"layout": "vertical",
"contents": [
{
"type": "image",
"url": "https://i.ibb.co/gyqGJLw/download.png"
},
{
"type": "text",
"text": "60%",
"size": "xs",
"align": "center"
}
]
},
{
"type": "text",
"text": "26°",
"size": "xxs",
"align": "end",
"gravity": "center"
},
{
"type": "box",
"layout": "vertical",
"contents": [
{
"type": "box",
"layout": "vertical",
"contents": [],
"cornerRadius": "30px",
"backgroundColor": "#D65C21",
"width": "70%",
"height": "6px"
},
{
"type": "filler"
}
],
"backgroundColor": "#EBEBEB",
"cornerRadius": "10px",
"height": "6px",
"width": "35%",
"offsetTop": "xxl"
},
{
"type": "text",
"text": "35°",
"size": "xxs",
"align": "start",
"gravity": "center"
}
],
"spacing": "lg",
"cornerRadius": "30px",
"margin": "md"
},
{
"type": "box",
"layout": "horizontal",
"contents": [
{
"type": "text",
"text": "อา.",
"size": "sm",
"gravity": "center"
},
{
"type": "box",
"layout": "vertical",
"contents": [
{
"type": "image",
"url": "https://i.ibb.co/gyqGJLw/download.png"
},
{
"type": "text",
"text": "50%",
"size": "xs",
"align": "center"
}
]
},
{
"type": "text",
"text": "27°",
"size": "xxs",
"align": "end",
"gravity": "center"
},
{
"type": "box",
"layout": "vertical",
"contents": [
{
"type": "box",
"layout": "vertical",
"contents": [],
"cornerRadius": "30px",
"backgroundColor": "#D65C21",
"width": "80%",
"height": "6px"
},
{
"type": "filler"
}
],
"backgroundColor": "#EBEBEB",
"cornerRadius": "10px",
"height": "6px",
"width": "35%",
"offsetTop": "xxl",
"alignItems": "center"
},
{
"type": "text",
"text": "34°",
"size": "xxs",
"align": "start",
"gravity": "center"
}
],
"spacing": "lg",
"cornerRadius": "30px",
"margin": "md"
}
]
},
"footer": {
"type": "box",
"layout": "vertical",
"contents": [
{
"type": "button",
"action": {
"type": "uri",
"label": "ดูเพิ่มเติม",
"uri": "http://linecorp.com/"
},
"style": "primary"
}
]
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment