Advertisement
Guest User

flex json

a guest
Oct 2nd, 2019
530
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
JSON 7.93 KB | None | 0 0
  1. {
  2.   "type": "carousel",
  3.   "contents": [
  4.     {
  5.       "type": "bubble",
  6.       "body": {
  7.         "type": "box",
  8.         "layout": "vertical",
  9.         "contents": [
  10.           {
  11.             "type": "image",
  12.             "url": "https://scdn.line-apps.com/n/channel_devcenter/img/flexsnapshot/clip/clip1.jpg",
  13.             "size": "full",
  14.             "aspectMode": "cover",
  15.             "aspectRatio": "2:3",
  16.             "gravity": "top"
  17.           },
  18.           {
  19.             "type": "box",
  20.             "layout": "vertical",
  21.             "contents": [
  22.               {
  23.                 "type": "box",
  24.                 "layout": "vertical",
  25.                 "contents": [
  26.                   {
  27.                     "type": "text",
  28.                     "text": "Brown's T-shirts",
  29.                     "size": "xl",
  30.                     "color": "#ffffff",
  31.                     "weight": "bold"
  32.                   }
  33.                 ]
  34.               },
  35.               {
  36.                 "type": "box",
  37.                 "layout": "baseline",
  38.                 "contents": [
  39.                   {
  40.                     "type": "text",
  41.                     "text": "¥35,800",
  42.                     "color": "#ebebeb",
  43.                     "size": "sm",
  44.                     "flex": 0
  45.                   },
  46.                   {
  47.                     "type": "text",
  48.                     "text": "¥75,000",
  49.                     "color": "#ffffffcc",
  50.                     "decoration": "line-through",
  51.                     "gravity": "bottom",
  52.                     "flex": 0,
  53.                     "size": "sm"
  54.                   }
  55.                 ],
  56.                 "spacing": "lg"
  57.               },
  58.               {
  59.                 "type": "box",
  60.                 "layout": "vertical",
  61.                 "contents": [
  62.                   {
  63.                     "type": "filler"
  64.                   },
  65.                   {
  66.                     "type": "box",
  67.                     "layout": "baseline",
  68.                     "contents": [
  69.                       {
  70.                         "type": "filler"
  71.                       },
  72.                       {
  73.                         "type": "icon",
  74.                         "url": "https://scdn.line-apps.com/n/channel_devcenter/img/flexsnapshot/clip/clip14.png"
  75.                       },
  76.                       {
  77.                         "type": "text",
  78.                         "text": "Add to cart",
  79.                         "color": "#ffffff",
  80.                         "flex": 0,
  81.                         "offsetTop": "-2px"
  82.                       },
  83.                       {
  84.                         "type": "filler"
  85.                       }
  86.                     ],
  87.                     "spacing": "sm"
  88.                   },
  89.                   {
  90.                     "type": "filler"
  91.                   }
  92.                 ],
  93.                 "borderWidth": "1px",
  94.                 "cornerRadius": "4px",
  95.                 "spacing": "sm",
  96.                 "borderColor": "#ffffff",
  97.                 "margin": "xxl",
  98.                 "height": "40px"
  99.               }
  100.             ],
  101.             "position": "absolute",
  102.             "offsetBottom": "0px",
  103.             "offsetStart": "0px",
  104.             "offsetEnd": "0px",
  105.             "backgroundColor": "#03303Acc",
  106.             "paddingAll": "20px",
  107.             "paddingTop": "18px"
  108.           },
  109.           {
  110.             "type": "box",
  111.             "layout": "vertical",
  112.             "contents": [
  113.               {
  114.                 "type": "text",
  115.                 "text": "SALE",
  116.                 "color": "#ffffff",
  117.                 "align": "center",
  118.                 "size": "xs",
  119.                 "offsetTop": "3px"
  120.               }
  121.             ],
  122.             "position": "absolute",
  123.             "cornerRadius": "20px",
  124.             "offsetTop": "18px",
  125.             "backgroundColor": "#ff334b",
  126.             "offsetStart": "18px",
  127.             "height": "25px",
  128.             "width": "53px"
  129.           }
  130.         ],
  131.         "paddingAll": "0px"
  132.       }
  133.     },
  134.     {
  135.       "type": "bubble",
  136.       "body": {
  137.         "type": "box",
  138.         "layout": "vertical",
  139.         "contents": [
  140.           {
  141.             "type": "image",
  142.             "url": "https://scdn.line-apps.com/n/channel_devcenter/img/flexsnapshot/clip/clip2.jpg",
  143.             "size": "full",
  144.             "aspectMode": "cover",
  145.             "aspectRatio": "2:3",
  146.             "gravity": "top"
  147.           },
  148.           {
  149.             "type": "box",
  150.             "layout": "vertical",
  151.             "contents": [
  152.               {
  153.                 "type": "box",
  154.                 "layout": "vertical",
  155.                 "contents": [
  156.                   {
  157.                     "type": "text",
  158.                     "text": "Cony's T-shirts",
  159.                     "size": "xl",
  160.                     "color": "#ffffff",
  161.                     "weight": "bold"
  162.                   }
  163.                 ]
  164.               },
  165.               {
  166.                 "type": "box",
  167.                 "layout": "baseline",
  168.                 "contents": [
  169.                   {
  170.                     "type": "text",
  171.                     "text": "¥35,800",
  172.                     "color": "#ebebeb",
  173.                     "size": "sm",
  174.                     "flex": 0
  175.                   },
  176.                   {
  177.                     "type": "text",
  178.                     "text": "¥75,000",
  179.                     "color": "#ffffffcc",
  180.                     "decoration": "line-through",
  181.                     "gravity": "bottom",
  182.                     "flex": 0,
  183.                     "size": "sm"
  184.                   }
  185.                 ],
  186.                 "spacing": "lg"
  187.               },
  188.               {
  189.                 "type": "box",
  190.                 "layout": "vertical",
  191.                 "contents": [
  192.                   {
  193.                     "type": "filler"
  194.                   },
  195.                   {
  196.                     "type": "box",
  197.                     "layout": "baseline",
  198.                     "contents": [
  199.                       {
  200.                         "type": "filler"
  201.                       },
  202.                       {
  203.                         "type": "icon",
  204.                         "url": "https://scdn.line-apps.com/n/channel_devcenter/img/flexsnapshot/clip/clip14.png"
  205.                       },
  206.                       {
  207.                         "type": "text",
  208.                         "text": "Add to cart",
  209.                         "color": "#ffffff",
  210.                         "flex": 0,
  211.                         "offsetTop": "-2px"
  212.                       },
  213.                       {
  214.                         "type": "filler"
  215.                       }
  216.                     ],
  217.                     "spacing": "sm"
  218.                   },
  219.                   {
  220.                     "type": "filler"
  221.                   }
  222.                 ],
  223.                 "borderWidth": "1px",
  224.                 "cornerRadius": "4px",
  225.                 "spacing": "sm",
  226.                 "borderColor": "#ffffff",
  227.                 "margin": "xxl",
  228.                 "height": "40px"
  229.               }
  230.             ],
  231.             "position": "absolute",
  232.             "offsetBottom": "0px",
  233.             "offsetStart": "0px",
  234.             "offsetEnd": "0px",
  235.             "backgroundColor": "#03303Acc",
  236.             "paddingAll": "20px",
  237.             "paddingTop": "18px"
  238.           },
  239.           {
  240.             "type": "box",
  241.             "layout": "vertical",
  242.             "contents": [
  243.               {
  244.                 "type": "text",
  245.                 "text": "SALE",
  246.                 "color": "#ffffff",
  247.                 "align": "center",
  248.                 "size": "xs",
  249.                 "offsetTop": "3px"
  250.               }
  251.             ],
  252.             "position": "absolute",
  253.             "cornerRadius": "20px",
  254.             "offsetTop": "18px",
  255.             "backgroundColor": "#ff334b",
  256.             "offsetStart": "18px",
  257.             "height": "25px",
  258.             "width": "53px"
  259.           }
  260.         ],
  261.         "paddingAll": "0px"
  262.       }
  263.     }
  264.   ]
  265. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement