From 07f8ed40ea0216f76ea90bfa0f3cd636fd6868bd Mon Sep 17 00:00:00 2001
From: dongwei <dongwei@kaihongdigi.com>
Date: Wed, 9 Mar 2022 12:04:57 +0800
Subject: [PATCH] add test cases

Signed-off-by: dongwei <dongwei@kaihongdigi.com>
---
 ace/ace_standard/src/main/config.json         |  27 --
 .../js/default/pages/form/style/index.hml     | 111 --------
 .../js/default/pages/label/style/index.hml    | 236 ------------------
 .../js/default/pages/piece/style/index.hml    | 236 ------------------
 .../js/default/pages/richtext/style/index.hml |   4 +-
 .../js/default/pages/swiper/style/index.hml   | 111 --------
 6 files changed, 2 insertions(+), 723 deletions(-)

diff --git a/ace/ace_standard/src/main/config.json b/ace/ace_standard/src/main/config.json
index 8514eb7f6..4ad55f789 100755
--- a/ace/ace_standard/src/main/config.json
+++ b/ace/ace_standard/src/main/config.json
@@ -70,28 +70,23 @@
           "pages/image/style/index",
           "pages/label/router/index",
           "pages/label/prop/index",
-          "pages/label/style/index",
           "pages/rating/prop/index",
           "pages/rating/router/index",
           "pages/rating/style/index",
           "pages/search/router/index",
           "pages/search/prop/index",
-          "pages/search/style/index",
           "pages/toolbar/prop/index",
           "pages/toolbar/router/index",
           "pages/toolbarItem/prop/index",
           "pages/toolbarItem/router/index",
           "pages/textarea/prop/index",
           "pages/textarea/router/index",
-          "pages/textarea/style/index",
           "pages/menu/router/index",
           "pages/menu/style/index",
           "pages/span/router/index",
           "pages/switch/router/index",
-          "pages/switch/style/index",
           "pages/toggle/prop/index",
           "pages/toggle/router/index",
-          "pages/toggle/style/index",
           "pages/option/router/index",
           "pages/option/prop/index",
           "pages/option/style/index",
@@ -103,7 +98,6 @@
           "pages/pickerView/style/index",
           "pages/piece/router/index",
           "pages/piece/prop/index",
-          "pages/piece/style/index",
           "pages/progress/router/index",
           "pages/progress/prop/index",
           "pages/progress/style/index",
@@ -119,10 +113,8 @@
           "pages/badge/style/index",
           "pages/dialog/router/index",
           "pages/dialog/prop/index",
-          "pages/dialog/style/index",
           "pages/form/router/index",
           "pages/form/prop/index",
-          "pages/form/style/index",
           "pages/list/router/index",
           "pages/list/prop/index",
           "pages/list/style/index",
@@ -134,10 +126,8 @@
           "pages/listItemGroup/style/index",
           "pages/marquee/router/index",
           "pages/marquee/prop/index",
-          "pages/marquee/style/index",
           "pages/imageAnimator/prop/index",
           "pages/imageAnimator/router/index",
-          "pages/imageAnimator/style/index",
           "pages/panel/router/index",
           "pages/panel/prop/index",
           "pages/panel/style/index",
@@ -158,62 +148,46 @@
           "pages/stepperItem/style/index",
           "pages/swiper/router/index",
           "pages/swiper/prop/index",
-          "pages/swiper/style/index",
           "pages/tabs/router/index",
           "pages/tabs/prop/index",
-          "pages/tabs/style/index",
           "pages/tab-bar/router/index",
           "pages/tab-bar/prop/index",
-          "pages/tab-bar/style/index",
           "pages/tab-content/router/index",
           "pages/tab-content/prop/index",
-          "pages/tab-content/style/index",
           "pages/svg_text/prop/index",
           "pages/svg_text/router/index",
           "pages/video/prop/index",
           "pages/video/router/index",
           "pages/gridContainer/prop/index",
           "pages/gridContainer/router/index",
-          "pages/gridContainer/style/index",
           "pages/gridRow/prop/index",
           "pages/gridRow/router/index",
-          "pages/gridRow/style/index",
           "pages/gridCol/prop/index",
           "pages/gridCol/router/index",
-          "pages/gridCol/style/index",
           "pages/canvas/prop/index",
           "pages/canvas/router/index",
           "pages/canvas/style/index",
           "pages/obj_CanvasRenderingContext2D/router/index",
           "pages/obj_CanvasRenderingContext2D/prop/index",
-          "pages/obj_CanvasRenderingContext2D/style/index",
           "pages/obj_Image/router/index",
           "pages/obj_Image/prop/index",
-          "pages/obj_Image/style/index",
           "pages/obj_CanvasGradient/router/index",
           "pages/obj_CanvasGradient/prop/index",
-          "pages/obj_CanvasGradient/style/index",
           "pages/obj_ImageData/router/index",
           "pages/obj_ImageData/prop/index",
-          "pages/obj_ImageData/style/index",
           "pages/obj_Path2D/router/index",
           "pages/obj_Path2D/prop/index",
-          "pages/obj_Path2D/style/index",
           "pages/obj_ImageBitmap/router/index",
           "pages/obj_ImageBitmap/prop/index",
-          "pages/obj_ImageBitmap/style/index",
           "pages/obj_OffscreenCanvas/router/index",
           "pages/obj_OffscreenCanvas/prop/index",
-          "pages/obj_OffscreenCanvas/style/index",
           "pages/obj_OffscreenCanvasRenderingContext2D/router/index",
           "pages/obj_OffscreenCanvasRenderingContext2D/prop/index",
-          "pages/obj_OffscreenCanvasRenderingContext2D/style/index",
           "pages/ellipse/prop/index",
           "pages/ellipse/router/index",
           "pages/path/prop/index",
           "pages/path/router/index",
           "pages/line/prop/index",
-          "pages/line/style/index",
           "pages/polyline/prop/index",
           "pages/polyline/router/index",
           "pages/polygon/prop/index",
@@ -236,7 +210,6 @@
           "pages/chart/prop/index",
           "pages/image/prop/index",
           "pages/span/prop/index",
-          "pages/span/style/index",
           "pages/menu/prop/index",
           "pages/switch/prop/index",
           "pages/slider/prop/index",
diff --git a/ace/ace_standard/src/main/js/default/pages/form/style/index.hml b/ace/ace_standard/src/main/js/default/pages/form/style/index.hml
index 8184c24ef..e69de29bb 100644
--- a/ace/ace_standard/src/main/js/default/pages/form/style/index.hml
+++ b/ace/ace_standard/src/main/js/default/pages/form/style/index.hml
@@ -1,111 +0,0 @@
-<!--/**
- * Copyright (c) 2022 Shenzhen Kaihong Digital Industry Development 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">
-    <div class="style-container">
-        <text class="title">
-            div通用样式
-        </text>
-
-        <text class="sub-title">
-            通用样式 1-8 \n width height padding margin border opacity align-self
-        </text>
-        <div id="styleOne">
-        </div>
-        <div id="styleTwo">
-        </div>
-        <div id="styleThree">
-        </div>
-        <div id="styleFour">
-        </div>
-        <div id="styleFive">
-        </div>
-        <div id="styleSix">
-        </div>
-        <div id="styleSeven">
-        </div>
-        <div id="styleEight">
-        </div>
-
-        <text class="sub-title">
-            通用样式9-20 \n display flex z-index position
-        </text>
-        <div id="styleNine">
-            <div id="styleTen">
-            </div>
-            <div id="styleEleven">
-            </div>
-            <div id="styleTwelve">
-            </div>
-            <div id="styleThirteen">
-            </div>
-            <div id="styleFourteen">
-            </div>
-            <div id="styleFifteen">
-            </div>
-            <div id="styleSixteen">
-            </div>
-            <div id="styleSeventeen">
-            </div>
-            <div id="styleEighteen">
-            </div>
-            <div id="styleNineteen">
-            </div>
-            <div id="styleTwenty">
-            </div>
-        </div>
-
-        <text class="sub-title">
-            通用样式21-23 box-shadow
-        </text>
-        <div style="width: 100%;flex-direction: row;">
-            <div id="styleTwentyOne">
-            </div>
-            <div id="styleTwentyTwo">
-            </div>
-            <div id="styleTwentyThree">
-            </div>
-        </div>
-
-        <text class="sub-title">
-            通用样式23-25 visibility clip-path
-        </text>
-        <div id="styleTwentyFour">
-        </div>
-        <div id="styleTwentyFive">
-        </div>
-
-        <text class="sub-title">
-            通用样式26-31 background
-        </text>
-        <div id="styleTwentySix">
-        </div>
-        <div id="styleTwentySeven">
-        </div>
-        <div id="styleTwentyNine">
-        </div>
-        <div id="styleThirty">
-        </div>
-        <div id="styleThirtyOne">
-        </div>
-
-        <text class="sub-title">
-            通用样式32 clip-path image-fill mask-image
-        </text>
-        <div id="styleThirtyTwo">
-        </div>
-    </div>
-</div>
-
diff --git a/ace/ace_standard/src/main/js/default/pages/label/style/index.hml b/ace/ace_standard/src/main/js/default/pages/label/style/index.hml
index 5f72ac1c4..e69de29bb 100644
--- a/ace/ace_standard/src/main/js/default/pages/label/style/index.hml
+++ b/ace/ace_standard/src/main/js/default/pages/label/style/index.hml
@@ -1,236 +0,0 @@
-<!--/**
- * Copyright (c) 2022 Shenzhen Kaihong Digital Industry Development 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">
-    <div class="style-container">
-        <text class="title">
-            div通用样式
-        </text>
-
-        <text class="sub-title">
-            通用样式 1-8 \n width height padding margin border opacity align-self
-        </text>
-        <div id="styleOne">
-        </div>
-        <div id="styleTwo">
-        </div>
-        <div id="styleThree">
-        </div>
-        <div id="styleFour">
-        </div>
-        <div id="styleFive">
-        </div>
-        <div id="styleSix">
-        </div>
-        <div id="styleSeven">
-        </div>
-        <div id="styleEight">
-        </div>
-
-        <text class="sub-title">
-            通用样式9-20 \n display flex z-index position
-        </text>
-        <div id="styleNine">
-            <div id="styleTen">
-            </div>
-            <div id="styleEleven">
-            </div>
-            <div id="styleTwelve">
-            </div>
-            <div id="styleThirteen">
-            </div>
-            <div id="styleFourteen">
-            </div>
-            <div id="styleFifteen">
-            </div>
-            <div id="styleSixteen">
-            </div>
-            <div id="styleSeventeen">
-            </div>
-            <div id="styleEighteen">
-            </div>
-            <div id="styleNineteen">
-            </div>
-            <div id="styleTwenty">
-            </div>
-        </div>
-
-        <text class="sub-title">
-            通用样式21-23 box-shadow
-        </text>
-        <div style="width: 100%;flex-direction: row;">
-            <div id="styleTwentyOne">
-            </div>
-            <div id="styleTwentyTwo">
-            </div>
-            <div id="styleTwentyThree">
-            </div>
-        </div>
-
-        <text class="sub-title">
-            通用样式23-25 visibility clip-path
-        </text>
-        <div id="styleTwentyFour">
-        </div>
-        <div id="styleTwentyFive">
-        </div>
-
-        <text class="sub-title">
-            通用样式26-31 background
-        </text>
-        <div id="styleTwentySix">
-        </div>
-        <div id="styleTwentySeven">
-        </div>
-        <div id="styleTwentyNine">
-        </div>
-        <div id="styleThirty">
-        </div>
-        <div id="styleThirtyOne">
-        </div>
-
-        <text class="sub-title">
-            通用样式32 clip-path image-fill mask-image
-        </text>
-        <div id="styleThirtyTwo">
-        </div>
-    </div>
-    <div style="background-color: #000000; width: 2px; height: 100%;">
-    </div>
-    <div class="specific-container">
-        <text class="title">
-            div特有样式
-        </text>
-
-        <text class="sub-title">
-            特有样式 flex-direction flex-wrap justify-content align-items align-content
-        </text>
-        <div id="specificOne">
-            <div class="flex-item red-item">
-            </div>
-            <div class="flex-item blue-item">
-            </div>
-            <div class="flex-item green-item">
-            </div>
-        </div>
-        <div id="specificTwo">
-            <div id="specificThree" >
-                <div class="flex-item red-item">
-                </div>
-            </div>
-            <div id="specificFour" >
-                <div class="flex-item blue-item">
-                </div>
-
-            </div>
-            <div id="specificFive" >
-                <div class="flex-item yellow-item">
-                </div>
-                <div class="flex-item blue-item">
-                </div>
-            </div>
-            <div id="specificSix" >
-                <text style="font-size: 6px;">
-                    文本
-                </text>
-                <div class="flex-item blue-item">
-                </div>
-            </div>
-        </div>
-
-
-
-        <text class="sub-title">
-            特有样式 overflow scrollbar-color scrollbar-width overscroll-effect
-        </text>
-        <div id="specificSeven" >
-            <div id="specificEight" >
-                <div style="margin-left:10px;width: 80px; height: 10px; background-color: #0000ff;"></div>
-            </div>
-        </div>
-        <div id="specificNine">
-            <div class="flex-item red-item">
-            </div>
-            <div class="flex-item blue-item">
-            </div>
-            <div class="flex-item green-item">
-            </div>
-            <div class="flex-item red-item">
-            </div>
-            <div class="flex-item blue-item">
-            </div>
-            <div class="flex-item green-item">
-            </div>
-        </div>
-        <div id="specificTen">
-            <div class="flex-item red-item">
-            </div>
-            <div class="flex-item blue-item">
-            </div>
-            <div class="flex-item green-item">
-            </div>
-            <div class="flex-item red-item">
-            </div>
-            <div class="flex-item blue-item">
-            </div>
-            <div class="flex-item green-item">
-            </div>
-        </div>
-        <div id="specificEleven">
-            <div class="flex-item red-item">
-            </div>
-            <div class="flex-item blue-item">
-            </div>
-            <div class="flex-item green-item">
-            </div>
-            <div class="flex-item red-item">
-            </div>
-            <div class="flex-item blue-item">
-            </div>
-            <div class="flex-item green-item">
-            </div>
-        </div>
-
-        <text class="sub-title">
-            特有样式 grid
-        </text>
-        <div id="specificTwelve">
-        </div>
-        <div id="specificThirteen">
-        </div>
-
-    <!--        <div id="specificEight" >-->
-<!--            <div class="flex-item yellow-item">-->
-<!--            </div>-->
-<!--            <div class="flex-item blue-item" style="width: 45%; align-content:flex-end;">-->
-<!--            </div>-->
-<!--        </div>-->
-<!--        <div id="specificNine" >-->
-<!--            <div class="flex-item yellow-item">-->
-<!--            </div>-->
-<!--            <div class="flex-item blue-item">-->
-<!--            </div>-->
-<!--        </div>-->
-<!--        <div id="specificTen" >-->
-<!--            <div class="flex-item yellow-item">-->
-<!--            </div>-->
-<!--            <div class="flex-item blue-item">-->
-<!--            </div>-->
-<!--        </div>-->
-
-
-    </div>
-</div>
-
diff --git a/ace/ace_standard/src/main/js/default/pages/piece/style/index.hml b/ace/ace_standard/src/main/js/default/pages/piece/style/index.hml
index 5f72ac1c4..e69de29bb 100644
--- a/ace/ace_standard/src/main/js/default/pages/piece/style/index.hml
+++ b/ace/ace_standard/src/main/js/default/pages/piece/style/index.hml
@@ -1,236 +0,0 @@
-<!--/**
- * Copyright (c) 2022 Shenzhen Kaihong Digital Industry Development 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">
-    <div class="style-container">
-        <text class="title">
-            div通用样式
-        </text>
-
-        <text class="sub-title">
-            通用样式 1-8 \n width height padding margin border opacity align-self
-        </text>
-        <div id="styleOne">
-        </div>
-        <div id="styleTwo">
-        </div>
-        <div id="styleThree">
-        </div>
-        <div id="styleFour">
-        </div>
-        <div id="styleFive">
-        </div>
-        <div id="styleSix">
-        </div>
-        <div id="styleSeven">
-        </div>
-        <div id="styleEight">
-        </div>
-
-        <text class="sub-title">
-            通用样式9-20 \n display flex z-index position
-        </text>
-        <div id="styleNine">
-            <div id="styleTen">
-            </div>
-            <div id="styleEleven">
-            </div>
-            <div id="styleTwelve">
-            </div>
-            <div id="styleThirteen">
-            </div>
-            <div id="styleFourteen">
-            </div>
-            <div id="styleFifteen">
-            </div>
-            <div id="styleSixteen">
-            </div>
-            <div id="styleSeventeen">
-            </div>
-            <div id="styleEighteen">
-            </div>
-            <div id="styleNineteen">
-            </div>
-            <div id="styleTwenty">
-            </div>
-        </div>
-
-        <text class="sub-title">
-            通用样式21-23 box-shadow
-        </text>
-        <div style="width: 100%;flex-direction: row;">
-            <div id="styleTwentyOne">
-            </div>
-            <div id="styleTwentyTwo">
-            </div>
-            <div id="styleTwentyThree">
-            </div>
-        </div>
-
-        <text class="sub-title">
-            通用样式23-25 visibility clip-path
-        </text>
-        <div id="styleTwentyFour">
-        </div>
-        <div id="styleTwentyFive">
-        </div>
-
-        <text class="sub-title">
-            通用样式26-31 background
-        </text>
-        <div id="styleTwentySix">
-        </div>
-        <div id="styleTwentySeven">
-        </div>
-        <div id="styleTwentyNine">
-        </div>
-        <div id="styleThirty">
-        </div>
-        <div id="styleThirtyOne">
-        </div>
-
-        <text class="sub-title">
-            通用样式32 clip-path image-fill mask-image
-        </text>
-        <div id="styleThirtyTwo">
-        </div>
-    </div>
-    <div style="background-color: #000000; width: 2px; height: 100%;">
-    </div>
-    <div class="specific-container">
-        <text class="title">
-            div特有样式
-        </text>
-
-        <text class="sub-title">
-            特有样式 flex-direction flex-wrap justify-content align-items align-content
-        </text>
-        <div id="specificOne">
-            <div class="flex-item red-item">
-            </div>
-            <div class="flex-item blue-item">
-            </div>
-            <div class="flex-item green-item">
-            </div>
-        </div>
-        <div id="specificTwo">
-            <div id="specificThree" >
-                <div class="flex-item red-item">
-                </div>
-            </div>
-            <div id="specificFour" >
-                <div class="flex-item blue-item">
-                </div>
-
-            </div>
-            <div id="specificFive" >
-                <div class="flex-item yellow-item">
-                </div>
-                <div class="flex-item blue-item">
-                </div>
-            </div>
-            <div id="specificSix" >
-                <text style="font-size: 6px;">
-                    文本
-                </text>
-                <div class="flex-item blue-item">
-                </div>
-            </div>
-        </div>
-
-
-
-        <text class="sub-title">
-            特有样式 overflow scrollbar-color scrollbar-width overscroll-effect
-        </text>
-        <div id="specificSeven" >
-            <div id="specificEight" >
-                <div style="margin-left:10px;width: 80px; height: 10px; background-color: #0000ff;"></div>
-            </div>
-        </div>
-        <div id="specificNine">
-            <div class="flex-item red-item">
-            </div>
-            <div class="flex-item blue-item">
-            </div>
-            <div class="flex-item green-item">
-            </div>
-            <div class="flex-item red-item">
-            </div>
-            <div class="flex-item blue-item">
-            </div>
-            <div class="flex-item green-item">
-            </div>
-        </div>
-        <div id="specificTen">
-            <div class="flex-item red-item">
-            </div>
-            <div class="flex-item blue-item">
-            </div>
-            <div class="flex-item green-item">
-            </div>
-            <div class="flex-item red-item">
-            </div>
-            <div class="flex-item blue-item">
-            </div>
-            <div class="flex-item green-item">
-            </div>
-        </div>
-        <div id="specificEleven">
-            <div class="flex-item red-item">
-            </div>
-            <div class="flex-item blue-item">
-            </div>
-            <div class="flex-item green-item">
-            </div>
-            <div class="flex-item red-item">
-            </div>
-            <div class="flex-item blue-item">
-            </div>
-            <div class="flex-item green-item">
-            </div>
-        </div>
-
-        <text class="sub-title">
-            特有样式 grid
-        </text>
-        <div id="specificTwelve">
-        </div>
-        <div id="specificThirteen">
-        </div>
-
-    <!--        <div id="specificEight" >-->
-<!--            <div class="flex-item yellow-item">-->
-<!--            </div>-->
-<!--            <div class="flex-item blue-item" style="width: 45%; align-content:flex-end;">-->
-<!--            </div>-->
-<!--        </div>-->
-<!--        <div id="specificNine" >-->
-<!--            <div class="flex-item yellow-item">-->
-<!--            </div>-->
-<!--            <div class="flex-item blue-item">-->
-<!--            </div>-->
-<!--        </div>-->
-<!--        <div id="specificTen" >-->
-<!--            <div class="flex-item yellow-item">-->
-<!--            </div>-->
-<!--            <div class="flex-item blue-item">-->
-<!--            </div>-->
-<!--        </div>-->
-
-
-    </div>
-</div>
-
diff --git a/ace/ace_standard/src/main/js/default/pages/richtext/style/index.hml b/ace/ace_standard/src/main/js/default/pages/richtext/style/index.hml
index e48aef307..cb780c710 100644
--- a/ace/ace_standard/src/main/js/default/pages/richtext/style/index.hml
+++ b/ace/ace_standard/src/main/js/default/pages/richtext/style/index.hml
@@ -16,7 +16,7 @@
 <div class="container">
     <div class="style-container">
         <text class="title">
-            input通用样式
+            richtext通用样式
         </text>
 
         <text class="sub-title">
@@ -47,7 +47,7 @@
     </div>
     <div class="specific-container">
         <text class="title">
-            input特有样式
+            richtext特有样式
         </text>
     </div>
 </div>
diff --git a/ace/ace_standard/src/main/js/default/pages/swiper/style/index.hml b/ace/ace_standard/src/main/js/default/pages/swiper/style/index.hml
index 8184c24ef..e69de29bb 100644
--- a/ace/ace_standard/src/main/js/default/pages/swiper/style/index.hml
+++ b/ace/ace_standard/src/main/js/default/pages/swiper/style/index.hml
@@ -1,111 +0,0 @@
-<!--/**
- * Copyright (c) 2022 Shenzhen Kaihong Digital Industry Development 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">
-    <div class="style-container">
-        <text class="title">
-            div通用样式
-        </text>
-
-        <text class="sub-title">
-            通用样式 1-8 \n width height padding margin border opacity align-self
-        </text>
-        <div id="styleOne">
-        </div>
-        <div id="styleTwo">
-        </div>
-        <div id="styleThree">
-        </div>
-        <div id="styleFour">
-        </div>
-        <div id="styleFive">
-        </div>
-        <div id="styleSix">
-        </div>
-        <div id="styleSeven">
-        </div>
-        <div id="styleEight">
-        </div>
-
-        <text class="sub-title">
-            通用样式9-20 \n display flex z-index position
-        </text>
-        <div id="styleNine">
-            <div id="styleTen">
-            </div>
-            <div id="styleEleven">
-            </div>
-            <div id="styleTwelve">
-            </div>
-            <div id="styleThirteen">
-            </div>
-            <div id="styleFourteen">
-            </div>
-            <div id="styleFifteen">
-            </div>
-            <div id="styleSixteen">
-            </div>
-            <div id="styleSeventeen">
-            </div>
-            <div id="styleEighteen">
-            </div>
-            <div id="styleNineteen">
-            </div>
-            <div id="styleTwenty">
-            </div>
-        </div>
-
-        <text class="sub-title">
-            通用样式21-23 box-shadow
-        </text>
-        <div style="width: 100%;flex-direction: row;">
-            <div id="styleTwentyOne">
-            </div>
-            <div id="styleTwentyTwo">
-            </div>
-            <div id="styleTwentyThree">
-            </div>
-        </div>
-
-        <text class="sub-title">
-            通用样式23-25 visibility clip-path
-        </text>
-        <div id="styleTwentyFour">
-        </div>
-        <div id="styleTwentyFive">
-        </div>
-
-        <text class="sub-title">
-            通用样式26-31 background
-        </text>
-        <div id="styleTwentySix">
-        </div>
-        <div id="styleTwentySeven">
-        </div>
-        <div id="styleTwentyNine">
-        </div>
-        <div id="styleThirty">
-        </div>
-        <div id="styleThirtyOne">
-        </div>
-
-        <text class="sub-title">
-            通用样式32 clip-path image-fill mask-image
-        </text>
-        <div id="styleThirtyTwo">
-        </div>
-    </div>
-</div>
-
-- 
GitLab