From 20150cbf9c009dc0096af57d388b8600effa4318 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=8E=8B=E5=8A=B2=E9=B9=8F?= <jingpeng.wang@outlook.com>
Date: Mon, 1 Mar 2021 20:26:41 +0800
Subject: [PATCH] complex demo

---
 doric-demo/src/SimpleDemo.ts | 63 ++++++++++++++++++++++++++++++------
 1 file changed, 54 insertions(+), 9 deletions(-)

diff --git a/doric-demo/src/SimpleDemo.ts b/doric-demo/src/SimpleDemo.ts
index 563a24e0..a14eb15e 100644
--- a/doric-demo/src/SimpleDemo.ts
+++ b/doric-demo/src/SimpleDemo.ts
@@ -4,20 +4,65 @@ import { Group, Panel, text, gravity, Color, LayoutSpec, vlayout, hlayout, scrol
 class LayoutDemo extends Panel {
     build(rootView: Group) {
         hlayout([
-            stack([], {
+            vlayout([
+                stack([], {
+                    width: 100,
+                    height: 100,
+                    backgroundColor: Color.RED
+                }),
+                stack([], {
+                    width: 100,
+                    height: 100,
+                    backgroundColor: Color.GREEN
+                }),
+                stack([], {
+                    width: 100,
+                    height: 100,
+                    backgroundColor: Color.BLUE
+                })
+            ], {
                 width: 100,
-                height: 100,
-                backgroundColor: Color.RED
+                height: 300,
             }),
-            stack([], {
+            vlayout([
+                stack([], {
+                    width: 100,
+                    height: 100,
+                    backgroundColor: Color.GREEN
+                }),
+                stack([], {
+                    width: 100,
+                    height: 100,
+                    backgroundColor: Color.BLUE
+                }),
+                stack([], {
+                    width: 100,
+                    height: 100,
+                    backgroundColor: Color.RED
+                })
+            ], {
                 width: 100,
-                height: 100,
-                backgroundColor: Color.GREEN
+                height: 300,
             }),
-            stack([], {
+            vlayout([
+                stack([], {
+                    width: 100,
+                    height: 100,
+                    backgroundColor: Color.BLUE
+                }),
+                stack([], {
+                    width: 100,
+                    height: 100,
+                    backgroundColor: Color.RED
+                }),
+                stack([], {
+                    width: 100,
+                    height: 100,
+                    backgroundColor: Color.GREEN
+                })
+            ], {
                 width: 100,
-                height: 100,
-                backgroundColor: Color.BLUE
+                height: 300,
             })
         ], {
             width: 300,