DAY12 如何使用样板

做完大概长这样，左边的图片就会是显示在line上面的样子，有兴趣可以自己摸索一下，这边还有一个重点是右下方有个Action的部分

type有分成url,postback,message
我们这边用到postback和message
postback部分就是当你按下"注册"按钮，他会背地里回传data，也就是（注册），但是使用者是看不到的。
message就是你会看到linebot回覆你讯息，而讯息内容会是text的栏位。

这时候右上角就可以点开看到这个样板的JSON格式了
下一篇将附上完整程序码

Block 区块(补充说明)

区块是组成 Bubble 的结构，分为四个部分。

• Header: 显示标题的区块。
• Hero: 显示主要图片的区块。
• Body: 显示主要内容的区块。
• Footer: 显示按钮或补充讯息的区块
  

Component 组件

组件是 Flex Message 的最基本结构，类型很多如下。

1. Box: 定义介面的布局，里面可以包含其它组件
2. Button: 按钮
3. Image: 图片
4. Icon: 文字前的图标
5. Text: 文字
6. Span: 单行文字，可以指定不同的颜色、大小、粗细
7. Separator: 分隔线，可制作水平或垂直的分隔线
8. Filler: 可以在组件间插入空白区块