diff --git a/ace/ace_standard/src/main/js/default/pages/panel/router/index.hml b/ace/ace_standard/src/main/js/default/pages/panel/router/index.hml
index acc614982c320f34d557af3bf5c1fd78ef666e13..b43488c66451df54c4bedf0740917a25187b86f8 100644
--- a/ace/ace_standard/src/main/js/default/pages/panel/router/index.hml
+++ b/ace/ace_standard/src/main/js/default/pages/panel/router/index.hml
@@ -294,6 +294,19 @@
                     </button>
                 </div>
             </panel>
+            <panel onaccessibility="onAccessibility"
+                   type="foldable"
+                   class="access1" accessibilitygroup ="true"
+                   accessibilitytext="这是panel"
+                   accessibilitydescription="点击此按键会弹出一个对话框"
+                   accessibilityimportance="no-hide-descendants">
+                <div class="inner-btn">
+                    <button type="capsule"
+                            value="Close"
+                            onclick="closePanelNo">
+                    </button>
+                </div>
+            </panel>
         </div>
         <div style="background-color: #000000; width: 100%; height: 2px;">
         </div>
diff --git a/ace/ace_standard/src/main/js/default/pages/panel/router/index.js b/ace/ace_standard/src/main/js/default/pages/panel/router/index.js
index b9ab4f9f9cc5821fca5af1f20ed37d407d25d1a9..c193ebff76c91b10a90f1fb920798e2d4d98614d 100644
--- a/ace/ace_standard/src/main/js/default/pages/panel/router/index.js
+++ b/ace/ace_standard/src/main/js/default/pages/panel/router/index.js
@@ -690,5 +690,12 @@ export default {
         prompt.showToast({
             message: 'reachBottom'
         });
+    },
+
+    onAccessibility(event) {
+        if (event.eventType == 1) {
+            console.log("onAccessibility" + event.eventType);
+        }
+        console.log("onAccessibility" + JSON.stringify(event));
     }
 }
\ No newline at end of file
diff --git a/ace/ace_standard/src/main/js/default/pages/panel/style/index.css b/ace/ace_standard/src/main/js/default/pages/panel/style/index.css
index 5c4c1d87fa5e983621c40f7d950abae189ebeb90..c98c8f211c93eb38fe7be6966b18da4255f3ebd0 100644
--- a/ace/ace_standard/src/main/js/default/pages/panel/style/index.css
+++ b/ace/ace_standard/src/main/js/default/pages/panel/style/index.css
@@ -131,6 +131,7 @@
   margin-top: 2%;
   margin-right: 1.5%;
   margin-bottom: 0.5%;
+  border-image: url('common/images/icon.png') 1px 2px 3px 4px 2px 3px 4px 5px 3px 4px 5px 6px round;
 }
 
 #styleSeven{
@@ -157,17 +158,6 @@
   display:flex;
 }
 
-#styleFive{
-  width: 100%;
-  height: 40px;
-  border: 5px;
-  border-image-source: url('/common/images/image.png');
-  border-image-slice: 5px 10px 10px 5px;
-  border-image-width: 10px 5px 5px 10px;
-  border-image-outset: 10px 5px 10px 5px;
-  border-image-repeat: repeat;
-}
-
 #styleTen{
   width: 100%;
   height: 400%;
@@ -328,7 +318,7 @@
   width: 150px;
   height: 20px;
   background-image:url('common/images/image.png');
-  background-size:50px 10px;
+  background-size:auto;
   background-repeat: no-repeat;
   background-position: 10px 10px;
 }
diff --git a/ace/ace_standard/src/main/js/default/pages/panel/style/index.hml b/ace/ace_standard/src/main/js/default/pages/panel/style/index.hml
index 8184c24ef4cdd723060fb23229606a51fdca1675..64e98e1bed2668e28f5f7ee97ab8fb925c5c5fd0 100644
--- a/ace/ace_standard/src/main/js/default/pages/panel/style/index.hml
+++ b/ace/ace_standard/src/main/js/default/pages/panel/style/index.hml
@@ -1,111 +1,96 @@
-<!--/**
- * 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通用样式
+            panel通用样式
         </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>
+        <panel id="styleOne" type="foldable">
+        </panel>
+        <panel id="styleTwo" type="foldable">
+        </panel>
+        <panel id="styleThree" type="foldable">
+        </panel>
+        <panel id="styleFour" type="foldable">
+        </panel>
+        <panel id="styleFive" type="foldable">
+        </panel>
+        <panel id="styleSix" type="foldable">
+        </panel>
+        <panel id="styleSeven"  type="foldable">
+        </panel>
+        <panel id="styleEight" type="foldable">
+        </panel>
 
         <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>
+            <panel id="styleTen" type="foldable">
+            </panel>
+            <panel id="styleEleven" type="foldable">
+            </panel>
+            <panel id="styleTwelve" type="foldable">
+            </panel>
+            <panel id="styleThirteen" type="foldable">
+            </panel>
+            <panel id="styleFourteen" type="foldable">
+            </panel>
+            <panel id="styleFifteen" type="foldable">
+            </panel>
+            <panel id="styleSixteen" type="foldable">
+            </panel>
+            <panel id="styleSeventeen" type="foldable">
+            </panel>
+            <panel id="styleEighteen" type="foldable">
+            </panel>
+            <panel id="styleNineteen" type="foldable">
+            </panel>
+            <panel id="styleTwenty" type="foldable">
+            </panel>
         </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>
+            <panel id="styleTwentyOne" type="foldable">
+            </panel>
+            <panel id="styleTwentyTwo" type="foldable">
+            </panel>
+            <panel id="styleTwentyThree" type="foldable">
+            </panel>
         </div>
 
         <text class="sub-title">
             通用样式23-25 visibility clip-path
         </text>
-        <div id="styleTwentyFour">
-        </div>
-        <div id="styleTwentyFive">
-        </div>
+        <panel id="styleTwentyFour" type="foldable">
+        </panel>
+        <panel id="styleTwentyFive" type="foldable">
+        </panel>
 
         <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>
+        <panel id="styleTwentySix" type="foldable">
+        </panel>
+        <panel id="styleTwentySeven" type="foldable">
+        </panel>
+        <panel id="styleTwentyNine" type="foldable">
+        </panel>
+        <panel id="styleThirty" type="foldable">
+        </panel>
+        <panel id="styleThirtyOne" type="foldable">
+        </panel>
 
         <text class="sub-title">
             通用样式32 clip-path image-fill mask-image
         </text>
-        <div id="styleThirtyTwo">
-        </div>
+        <panel id="styleThirtyTwo" type="foldable">
+        </panel>
     </div>
 </div>