From 8dcf6f3a92dd975ba3e8803ebe110966963a81af Mon Sep 17 00:00:00 2001
From: adslk <liuxin283@huawei.com>
Date: Thu, 29 Jul 2021 11:39:03 +0800
Subject: [PATCH 1/2] add sample for stack

Signed-off-by: adslk <liuxin283@huawei.com>
---
 UI/Stack/README.md                            |  14 +++++
 UI/Stack/README_zh.md                         |  14 +++++
 UI/Stack/build.gradle                         |  36 ++++++++++++
 UI/Stack/entry/build.gradle                   |  18 ++++++
 UI/Stack/entry/src/main/config.json           |  54 +++++++++++++++++
 UI/Stack/entry/src/main/js/default/app.js     |  23 ++++++++
 .../src/main/js/default/pages/index/index.css |  55 ++++++++++++++++++
 .../src/main/js/default/pages/index/index.hml |  23 ++++++++
 .../main/resources/base/element/string.json   |  12 ++++
 .../src/main/resources/base/media/icon.png    | Bin 0 -> 6790 bytes
 .../src/main/resources/en/element/string.json |  12 ++++
 .../src/main/resources/zh/element/string.json |  12 ++++
 UI/Stack/screenshot/devices/stack.png         | Bin 0 -> 26605 bytes
 UI/Stack/settings.gradle                      |   1 +
 14 files changed, 274 insertions(+)
 create mode 100644 UI/Stack/README.md
 create mode 100644 UI/Stack/README_zh.md
 create mode 100644 UI/Stack/build.gradle
 create mode 100644 UI/Stack/entry/build.gradle
 create mode 100644 UI/Stack/entry/src/main/config.json
 create mode 100644 UI/Stack/entry/src/main/js/default/app.js
 create mode 100644 UI/Stack/entry/src/main/js/default/pages/index/index.css
 create mode 100644 UI/Stack/entry/src/main/js/default/pages/index/index.hml
 create mode 100644 UI/Stack/entry/src/main/resources/base/element/string.json
 create mode 100644 UI/Stack/entry/src/main/resources/base/media/icon.png
 create mode 100644 UI/Stack/entry/src/main/resources/en/element/string.json
 create mode 100644 UI/Stack/entry/src/main/resources/zh/element/string.json
 create mode 100644 UI/Stack/screenshot/devices/stack.png
 create mode 100644 UI/Stack/settings.gradle

diff --git a/UI/Stack/README.md b/UI/Stack/README.md
new file mode 100644
index 0000000000..064cfeb0cb
--- /dev/null
+++ b/UI/Stack/README.md
@@ -0,0 +1,14 @@
+# Stack<a name="EN-US_TOPIC_0000001134118202"></a>
+
+### Introduction<a name="section104mcpsimp"></a>
+
+The  **<stack\>**  component provides a stack container where child components are successively stacked and the latter one overwrites the previous one.
+
+### Usage<a name="section107mcpsimp"></a>
+
+This sample app shows stacked color blocks, which are red, orange, yellow, and green from bottom to top.
+
+### Constraints<a name="section110mcpsimp"></a>
+
+This sample can only be run on standard-system devices.
+
diff --git a/UI/Stack/README_zh.md b/UI/Stack/README_zh.md
new file mode 100644
index 0000000000..c4a2d379d1
--- /dev/null
+++ b/UI/Stack/README_zh.md
@@ -0,0 +1,14 @@
+# Stack容器<a name="ZH-CN_TOPIC_0000001134118202"></a>
+
+### 简介<a name="section104mcpsimp"></a>
+
+堆叠容器stack，子组件按照顺序依次入栈，后一个子组件覆盖前一个子组件。
+
+### 使用说明<a name="section107mcpsimp"></a>
+
+本示例页面显示色块堆叠，从下往上颜色依次为红色，橙色，黄色、绿色。
+
+### 约束与限制<a name="section110mcpsimp"></a>
+
+本示例仅支持在标准系统上运行。
+
diff --git a/UI/Stack/build.gradle b/UI/Stack/build.gradle
new file mode 100644
index 0000000000..d45348af34
--- /dev/null
+++ b/UI/Stack/build.gradle
@@ -0,0 +1,36 @@
+// Top-level build file where you can add configuration options common to all sub-projects/modules.
+apply plugin: 'com.huawei.ohos.app'
+
+ohos {
+    compileSdkVersion 6
+    defaultConfig {
+        compatibleSdkVersion 6
+    }
+}
+
+buildscript {
+    repositories {
+        maven {
+            url 'https://repo.huaweicloud.com/repository/maven/'
+        }
+        maven {
+            url 'https://developer.huawei.com/repo/'
+        }
+        jcenter()
+    }
+    dependencies {
+        classpath 'com.huawei.ohos:hap:2.4.4.3-RC'
+    }
+}
+
+allprojects {
+    repositories {
+        maven {
+            url 'https://repo.huaweicloud.com/repository/maven/'
+        }
+        maven {
+            url 'https://developer.huawei.com/repo/'
+        }
+        jcenter()
+    }
+}
diff --git a/UI/Stack/entry/build.gradle b/UI/Stack/entry/build.gradle
new file mode 100644
index 0000000000..41fab73805
--- /dev/null
+++ b/UI/Stack/entry/build.gradle
@@ -0,0 +1,18 @@
+apply plugin: 'com.huawei.ohos.hap'
+
+ohos {
+    compileSdkVersion 6
+    defaultConfig {
+        compatibleSdkVersion 6
+    }
+    buildTypes {
+        release {
+            proguardOpt {
+                proguardEnabled false
+                rulesFiles 'proguard-rules.pro'
+            }
+        }
+    }
+    supportSystem "standard"
+}
+
diff --git a/UI/Stack/entry/src/main/config.json b/UI/Stack/entry/src/main/config.json
new file mode 100644
index 0000000000..c8605e69fc
--- /dev/null
+++ b/UI/Stack/entry/src/main/config.json
@@ -0,0 +1,54 @@
+{
+  "app": {
+    "bundleName": "ohos.samples.stack",
+    "version": {
+      "code": 1000000,
+      "name": "1.0.0"
+    }
+  },
+  "deviceConfig": {},
+  "module": {
+    "package": "ohos.samples.stack",
+    "deviceType": [
+      "phone"
+    ],
+    "distro": {
+      "deliveryWithInstall": true,
+      "moduleName": "entry",
+      "moduleType": "entry",
+      "installationFree": false
+    },
+    "abilities": [
+      {
+        "skills": [
+          {
+            "entities": [
+              "entity.system.home"
+            ],
+            "actions": [
+              "action.system.home"
+            ]
+          }
+        ],
+        "name": "ohos.samples.stack.MainAbility",
+        "icon": "$media:icon",
+        "description": "$string:mainability_description",
+        "label": "$string:app_name",
+        "type": "page",
+        "launchType": "standard"
+      }
+    ],
+    "js": [
+      {
+        "pages": [
+          "pages/index/index"
+        ],
+        "name": "default",
+        "window": {
+          "designWidth": 720,
+          "autoDesignWidth": true
+        }
+      }
+    ]
+  }
+}
\ No newline at end of file
diff --git a/UI/Stack/entry/src/main/js/default/app.js b/UI/Stack/entry/src/main/js/default/app.js
new file mode 100644
index 0000000000..8e47afff13
--- /dev/null
+++ b/UI/Stack/entry/src/main/js/default/app.js
@@ -0,0 +1,23 @@
+/*
+ * Copyright (c) 2021 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export default {
+    onCreate() {
+        console.info('AceApplication onCreate');
+    },
+    onDestroy() {
+        console.info('AceApplication onDestroy');
+    }
+};
diff --git a/UI/Stack/entry/src/main/js/default/pages/index/index.css b/UI/Stack/entry/src/main/js/default/pages/index/index.css
new file mode 100644
index 0000000000..95982eb78e
--- /dev/null
+++ b/UI/Stack/entry/src/main/js/default/pages/index/index.css
@@ -0,0 +1,55 @@
+/*
+ * Copyright (c) 2021 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+.container {
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+}
+
+.stack {
+    width: 100%;
+    height: 60%;
+    display: flex;
+    align-content: center;
+    justify-content: center;
+}
+
+.box_green {
+    width: 55%;
+    height: 300px;
+    margin-top: 75px;
+    background-color: #DAF7A6;
+}
+
+.box_yellow {
+    width: 70%;
+    height: 350px;
+    margin-top: 50px;
+    background-color:  #FFC300;
+}
+
+.box_origin {
+    width: 85%;
+    height: 400px;
+    margin-top: 25px;
+    background-color: #FF5733;
+}
+
+.box_red {
+    width: 100%;
+    height: 450px;
+    background-color: #C70039;
+}
diff --git a/UI/Stack/entry/src/main/js/default/pages/index/index.hml b/UI/Stack/entry/src/main/js/default/pages/index/index.hml
new file mode 100644
index 0000000000..5f9bcaf7bb
--- /dev/null
+++ b/UI/Stack/entry/src/main/js/default/pages/index/index.hml
@@ -0,0 +1,23 @@
+<!--
+ Copyright (c) 2021 Huawei Device Co., Ltd.
+ Licensed under the Apache License, Version 2.0 (the "License");
+ you may not use this file except in compliance with the License.
+ You may obtain a copy of the License at
+
+     http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+ -->
+
+<div class="container">
+    <stack class="stack">
+        <div class="box_red"></div>
+        <div class="box_origin"></div>
+        <div class="box_yellow"></div>
+        <div class="box_green"></div>
+    </stack>
+</div>
diff --git a/UI/Stack/entry/src/main/resources/base/element/string.json b/UI/Stack/entry/src/main/resources/base/element/string.json
new file mode 100644
index 0000000000..0bae6bd40f
--- /dev/null
+++ b/UI/Stack/entry/src/main/resources/base/element/string.json
@@ -0,0 +1,12 @@
+{
+  "string": [
+    {
+      "name": "entry_MainAbility",
+      "value": "entry_MainAbility"
+    },
+    {
+      "name": "mainability_description",
+      "value": "JS_Empty Ability"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/UI/Stack/entry/src/main/resources/base/media/icon.png b/UI/Stack/entry/src/main/resources/base/media/icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..ce307a8827bd75456441ceb57d530e4c8d45d36c
GIT binary patch
literal 6790
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

literal 0
HcmV?d00001

diff --git a/UI/Stack/entry/src/main/resources/en/element/string.json b/UI/Stack/entry/src/main/resources/en/element/string.json
new file mode 100644
index 0000000000..e1780282cb
--- /dev/null
+++ b/UI/Stack/entry/src/main/resources/en/element/string.json
@@ -0,0 +1,12 @@
+{
+  "string": [
+    {
+      "name": "app_name",
+      "value": "Stack Container"
+    },
+    {
+      "name": "mainability_description",
+      "value": "Java_Empty Ability"
+    }
+  ]
+}
diff --git a/UI/Stack/entry/src/main/resources/zh/element/string.json b/UI/Stack/entry/src/main/resources/zh/element/string.json
new file mode 100644
index 0000000000..d3032f939a
--- /dev/null
+++ b/UI/Stack/entry/src/main/resources/zh/element/string.json
@@ -0,0 +1,12 @@
+{
+  "string": [
+    {
+      "name": "app_name",
+      "value": "堆叠容器"
+    },
+    {
+      "name": "mainability_description",
+      "value": "Java_Empty Ability"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/UI/Stack/screenshot/devices/stack.png b/UI/Stack/screenshot/devices/stack.png
new file mode 100644
index 0000000000000000000000000000000000000000..569d38488a4ecb2f649f280095c5c283f7eeb74b
GIT binary patch
literal 26605
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

literal 0
HcmV?d00001

diff --git a/UI/Stack/settings.gradle b/UI/Stack/settings.gradle
new file mode 100644
index 0000000000..4773db7323
--- /dev/null
+++ b/UI/Stack/settings.gradle
@@ -0,0 +1 @@
+include ':entry'
-- 
Gitee


From f39b57834ad7c544ea2f16d4ea99a4663c6bf91a Mon Sep 17 00:00:00 2001
From: adslk <liuxin283@huawei.com>
Date: Thu, 29 Jul 2021 14:33:47 +0800
Subject: [PATCH 2/2] add sample for stack

Signed-off-by: adslk <liuxin283@huawei.com>
---
 UI/Stack/entry/src/main/js/default/pages/index/index.css | 8 ++++----
 UI/Stack/entry/src/main/js/default/pages/index/index.hml | 8 ++++----
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/UI/Stack/entry/src/main/js/default/pages/index/index.css b/UI/Stack/entry/src/main/js/default/pages/index/index.css
index 95982eb78e..48629a8b0f 100644
--- a/UI/Stack/entry/src/main/js/default/pages/index/index.css
+++ b/UI/Stack/entry/src/main/js/default/pages/index/index.css
@@ -27,28 +27,28 @@
     justify-content: center;
 }
 
-.box_green {
+.box-green {
     width: 55%;
     height: 300px;
     margin-top: 75px;
     background-color: #DAF7A6;
 }
 
-.box_yellow {
+.box-yellow {
     width: 70%;
     height: 350px;
     margin-top: 50px;
     background-color:  #FFC300;
 }
 
-.box_origin {
+.box-origin {
     width: 85%;
     height: 400px;
     margin-top: 25px;
     background-color: #FF5733;
 }
 
-.box_red {
+.box-red {
     width: 100%;
     height: 450px;
     background-color: #C70039;
diff --git a/UI/Stack/entry/src/main/js/default/pages/index/index.hml b/UI/Stack/entry/src/main/js/default/pages/index/index.hml
index 5f9bcaf7bb..9350de1221 100644
--- a/UI/Stack/entry/src/main/js/default/pages/index/index.hml
+++ b/UI/Stack/entry/src/main/js/default/pages/index/index.hml
@@ -15,9 +15,9 @@
 
 <div class="container">
     <stack class="stack">
-        <div class="box_red"></div>
-        <div class="box_origin"></div>
-        <div class="box_yellow"></div>
-        <div class="box_green"></div>
+        <div class="box-red"></div>
+        <div class="box-origin"></div>
+        <div class="box-yellow"></div>
+        <div class="box-green"></div>
     </stack>
 </div>
-- 
Gitee