diff --git a/ace/ace_standard/src/main/js/default/pages/rating/prop/index.css b/ace/ace_standard/src/main/js/default/pages/rating/prop/index.css
index 3b6a4681a47ae6a353f91f33ecf9e12b75f1e6b3..067d8b37ff20a702a7f6415181fa21b830f93bf5 100644
--- a/ace/ace_standard/src/main/js/default/pages/rating/prop/index.css
+++ b/ace/ace_standard/src/main/js/default/pages/rating/prop/index.css
@@ -151,6 +151,26 @@
   padding-end: 10px;
 }
 
+#dataPropB {
+  flex-weight: 1;
+  background-color:#0ff000;
+  width: 100%;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-start: 10px;
+  padding-end: 10px;
+}
+
+#dataPropBNone {
+  flex-weight: 1;
+  background-color:#00d000;
+  width: 100%;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-start: 10px;
+  padding-end: 10px;
+}
+
 #dataProp {
   flex-weight: 1;
   background-color:#0ff000;
@@ -405,4 +425,64 @@
   padding-start: 10px;
   padding-end: 10px;
   margin-bottom: 20px;
+}
+
+#showFor1 {
+  flex-weight: 1;
+  background-color:#c00000;
+  width: 100%;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-start: 10px;
+  padding-end: 10px;
+}
+
+#showFor2 {
+  flex-weight: 1;
+  background-color:blue;
+  width: 100%;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-start: 10px;
+  padding-end: 10px;
+}
+
+#showIf {
+  flex-weight: 1;
+  background-color:#c00000;
+  width: 100%;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-start: 10px;
+  padding-end: 10px;
+}
+
+#showElseIfTrue {
+  flex-weight: 1;
+  background-color:black;
+  width: 100%;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-start: 10px;
+  padding-end: 10px;
+}
+
+#showElseIfFalse {
+  flex-weight: 1;
+  background-color:blue;
+  width: 100%;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-start: 10px;
+  padding-end: 10px;
+}
+
+#showElse {
+  flex-weight: 1;
+  background-color:yellow;
+  width: 100%;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-start: 10px;
+  padding-end: 10px;
 }
\ No newline at end of file
diff --git a/ace/ace_standard/src/main/js/default/pages/rating/prop/index.hml b/ace/ace_standard/src/main/js/default/pages/rating/prop/index.hml
index 26fd8f37df7499f7c7d29ee98e4d44f7fcdba5ea..5c2e33a8efe6c0dcf53c8ec6c116a206779269dc 100644
--- a/ace/ace_standard/src/main/js/default/pages/rating/prop/index.hml
+++ b/ace/ace_standard/src/main/js/default/pages/rating/prop/index.hml
@@ -79,6 +79,16 @@
              focusable="">
         </rating>
 
+        <text class="sub-title">
+            通用属性 -- data
+        </text>
+        <rating id="dataPropB"
+               data-input="通用属性 -- data">
+        </rating>
+        <rating id="dataPropBNone"
+               data-input="">
+        </rating>
+
         <text class="sub-title">
             通用属性 -- data-*
         </text>
@@ -192,5 +202,23 @@
         <rating id="indicatorNone"
                 indicator="">
         </rating>
+        <text class="sub-title">
+            特有属性 -- tid
+        </text>
+        <rating for="{{array}}" tid="id" style="color: #679855; margin: 1px;"
+               id="showFor{{$item.id}}">
+        </rating>
+        <text class="sub-title">
+            特有属性 -- if elif
+        </text>
+        <rating if="false" id="showIf">
+        </rating>
+        <rating elif="false" id="showElseIfTrue">
+        </rating>
+        <rating elif="true" id="showElseIfFalse">
+        </rating>
+        <rating else id="showElse">
+        </rating>
+    </div>
     </div>
 </div>
diff --git a/ace/ace_standard/src/main/js/default/pages/rating/prop/index.js b/ace/ace_standard/src/main/js/default/pages/rating/prop/index.js
index 766924714e9722211ac647a692c55a09a1be2408..7794b8e40c188e26fac3f5ca8e6594a6c81d668d 100644
--- a/ace/ace_standard/src/main/js/default/pages/rating/prop/index.js
+++ b/ace/ace_standard/src/main/js/default/pages/rating/prop/index.js
@@ -17,6 +17,10 @@ import prompt from '@system.prompt';
 
 export default {
     data:{
+        array: [
+            {id: 1, name: 'jack', age: 18},
+            {id: 2, name: 'tony', age: 18},
+        ],
         listOne:[{}],
         listThree:[{},{},{}],
         idProp : null,
diff --git a/ace/ace_standard/src/main/js/default/pages/rating/router/index.hml b/ace/ace_standard/src/main/js/default/pages/rating/router/index.hml
index d12575ae8bd3429bfa429b00da0f1ad3545644db..63e0fdeb7c3526560f6ff49037ee92d7cef5f522 100644
--- a/ace/ace_standard/src/main/js/default/pages/rating/router/index.hml
+++ b/ace/ace_standard/src/main/js/default/pages/rating/router/index.hml
@@ -130,8 +130,19 @@
             <rating class="prop4" id="prop4"
                     numstars="5"
                     rating="1"
-                    stepsize="1">
+                    stepsize="1"
+                    indicator="false">
             </rating>
+            <div style="margin: 2px;">
+                <rating if="false" class="prop2" ref ="prop2">
+                </rating>
+                <rating elif="true" class="prop2" ref ="prop2">
+                </rating>
+                <rating elif="false" class="prop2" ref ="prop2">
+                </rating>
+                <rating else class="prop2" ref ="prop2">
+                </rating>
+            </div>
             <text  class="sub-title">
                 rating特有属性2
             </text>
@@ -141,6 +152,8 @@
                     stepsize="1"
                     indicator="true">
             </rating>
+            <rating for="{{array}}" tid="id" style="color: #679855; margin: 5px;" class="prop3">
+            </rating>
         </div>
         <div style="background-color: #000000; width: 100%; height: 2px;">
         </div>
@@ -178,7 +191,8 @@
                     numstars="5"
                     rating="1"
                     stepsize="1"
-                   onchange="change">
+                   onchange="change"
+                    onaccessibility="accessibility">
             </rating>
         </div>
         <div style="background-color: #000000; width: 100%; height: 2px;">
diff --git a/ace/ace_standard/src/main/js/default/pages/rating/router/index.js b/ace/ace_standard/src/main/js/default/pages/rating/router/index.js
index 76a4d072a8ae7399e57b5aa5f03930dbfda01c47..1a66abfee5337155b2d271c5021f793886d6c60f 100644
--- a/ace/ace_standard/src/main/js/default/pages/rating/router/index.js
+++ b/ace/ace_standard/src/main/js/default/pages/rating/router/index.js
@@ -84,6 +84,12 @@ var frames = [
 ];
 
 export default {
+    data: {
+        array: [
+            {id: 1, name: 'jack', age: 18},
+            {id: 2, name: 'tony', age: 18},
+        ],
+    },
 
     onShow(){
         // 通用属性
@@ -449,5 +455,11 @@ export default {
         prompt.showToast({
             message: JSON.stringify(event)
         });
+    },
+
+    accessibility(event){
+        prompt.showToast({
+            message: JSON.stringify(event)
+        });
     }
 }
diff --git a/ace/ace_standard/src/main/js/default/pages/rating/style/index.css b/ace/ace_standard/src/main/js/default/pages/rating/style/index.css
index 023834cffecb30c78e2d507de386f62288acfcdb..c53b7182aeb8fa7fb9199b5db30afe8faec48e9c 100644
--- a/ace/ace_standard/src/main/js/default/pages/rating/style/index.css
+++ b/ace/ace_standard/src/main/js/default/pages/rating/style/index.css
@@ -344,6 +344,7 @@
   background-size:10% 20%;
   background-repeat: repeat;
   background-position: 30% 40%;
+  mask-image:linear-gradient(pink,#fff000);
 }
 
 #styleThirtyTwo{
@@ -436,4 +437,113 @@
 }
 .rtl-flip2{
   rtl-flip: false;
-}
\ No newline at end of file
+}
+
+#addOne{
+  width: 10%;
+  height: 20px;
+  background-image:url('common/images/image.png');
+  background-size:cover;
+  align-self:stretch;
+  position:fixed;
+  transform: none;
+  animation-timing-function:cubic-bezier(0.4, 0.0, 0.4, 1.0);
+  shared-transition-effect:static;
+  shared-transition-name:ani;
+  shared-transition-timing-function:friction;
+  transition-enter:ani;
+  transition-exit: ani;
+  transition-duration:10;
+  transition-timing-function:friction;
+  clip-path:border-box;
+  display-index:1;
+  filter:blur(10px);
+  backdrop-filter:blur(10px);
+  window-filter:blur(10%);
+}
+
+#addTwo{
+  width: 100px;
+  height: 15px;
+  background-image:url('common/images/image.png');
+  background-size:auto;
+  position:relative;
+  transform: matrix(0.5,0.1,0.2,0.9,20,10);
+  animation-timing-function:steps(4);
+  shared-transition-effect:exchange;
+  clip-path:padding-box;
+}
+
+#addThree{
+  width: 100px;
+  height: 15px;
+  background-color:#000000;
+  transform: matrix3d(1,2,1,2,1,2,1,2,1,2,1,2,1,2,1,2);
+  clip-path:content-box;
+}
+
+#addFour{
+  width: 100px;
+  height: 15px;
+  background-color:#000000;
+  transform: translate3d(1px,2px,1px) scale3d(1,2,1) rotate3d(10,10,10,10deg) skew(1deg,2deg) perspective(10px);
+  clip-path:circle(1);
+}
+
+#addFive{
+  width: 100px;
+  height: 15px;
+  background-color:#000000;
+  transform: translateY(1px) translateZ(10px)
+  scale(1,2) scaleZ(0.4)
+  rotateX(10deg) rotateY(10deg) rotateZ(10deg)
+  skewX(1deg) skewY(2deg);
+  clip-path:ellipse(1);
+}
+
+#addSix{
+  width: 100px;
+  height: 15px;
+  background-color:#000000;
+  transform: scaleX(1) scaleY(0.4);
+  clip-path:ellipse(1)
+}
+
+#addSeven{
+  width: 100px;
+  height: 15px;
+  background-color:#000000;
+  clip-path:path(1);
+  aspect-ratio:2;
+}
+
+#addSeven:disabled{
+  width: 100px;
+  height: 15px;
+  background-color:#ff0000;
+}
+
+#addSeven:active{
+  width: 100px;
+  height: 15px;
+  background-color:#ff0000;
+}
+
+#addSeven:focus{
+  width: 100px;
+  height: 15px;
+  background-color:#ff0000;
+}
+
+@font-face {
+  font-family: SimSunfont;
+  src: url('/common/simsun.ttf');
+}
+
+@media (device-type: tv) {
+  .addSeven {
+    width: 500px;
+    height: 500px;
+    background-color: #fa8072;
+  }
+}
diff --git a/ace/ace_standard/src/main/js/default/pages/rating/style/index.hml b/ace/ace_standard/src/main/js/default/pages/rating/style/index.hml
index f64841f70bf254734dfb3d2fabce22354a0e55c7..3ea35e0ce9f28ed138d46bc15c852fdef53f1653 100644
--- a/ace/ace_standard/src/main/js/default/pages/rating/style/index.hml
+++ b/ace/ace_standard/src/main/js/default/pages/rating/style/index.hml
@@ -153,6 +153,26 @@
             <rating id="specificRtlFlip2" class="rtl-flip2">
             </rating>
         </div>
+
+        <div style="width: 100%;flex-weight: 1;overflow: scroll;flex-direction: column;">
+            <text class="sub-title">
+                补充样式
+            </text>
+            <rating id="addOne">
+            </rating>
+            <rating id="addTwo">
+            </rating>
+            <rating id="addThree">
+            </rating>
+            <rating id="addFour">
+            </rating>
+            <rating id="addFive">
+            </rating>
+            <rating id="addSix">
+            </rating>
+            <rating id="addSeven">
+            </rating>
+        </div>
     </div>
 </div>