diff --git a/validator/acts_validator/src/main/ets/pages/ArkUI/CanvasFillStyle.ets b/validator/acts_validator/src/main/ets/pages/ArkUI/CanvasFillStyle.ets
index 7c5adee1cb4c05109dcfb12046332becb143b0d7..060e8155703613e7cd21ef16ee468b8194e680d9 100644
--- a/validator/acts_validator/src/main/ets/pages/ArkUI/CanvasFillStyle.ets
+++ b/validator/acts_validator/src/main/ets/pages/ArkUI/CanvasFillStyle.ets
@@ -12,9 +12,9 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+import router from '@ohos.router';
 import {CustomContainer} from '../common/CanvasCustomContainer1';
 import FirstDialog from '../model/FirstDialog';
-import router from '@ohos.router';
 @Entry
 @Component
 struct SetCircle {
diff --git a/validator/acts_validator/src/main/ets/pages/ArkUI/CanvasFont.ets b/validator/acts_validator/src/main/ets/pages/ArkUI/CanvasFont.ets
index e9dcec7b47282b9e285b893212d58cc9da3e86a8..c883f821b8148ed7863b88390b8ba2fbb9dcbc22 100644
--- a/validator/acts_validator/src/main/ets/pages/ArkUI/CanvasFont.ets
+++ b/validator/acts_validator/src/main/ets/pages/ArkUI/CanvasFont.ets
@@ -12,9 +12,9 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+import router from '@ohos.router';
 import {CustomContainer} from '../common/CanvasCustomContainer1';
 import FirstDialog from '../model/FirstDialog';
-import router from '@ohos.router';
 @Entry
 @Component
 struct SetCircle {
@@ -57,11 +57,14 @@ struct SetCircle {
         }
         Row({space:10}){
           Text('font-style').fontSize(13).border({width:0}).size({width:'24%',height:'18%'})
-          Text('normal').fontSize(13).border({width:2}).size({width:'24%',height:'18%'})
-            .onClick(()=>{
+          Toggle({type:ToggleType.Button, isOn:false}){
+            Text('normal').fontSize(13)
+          }
+          .size({width:'24%',height:'18%'})
+            .onChange(()=>{
               this.context.clearRect(0, 10, 600, 600);
-              this.context.font = 'normal normal 120px sans-serif';
-              this.context.fillText("Hello World", 80, 120);
+              this.context.font = 'normal normal 80px sans-serif';
+              this.context.fillText("Hello World", 40, 180);
               this.num1 = 1;
               if( this.num1 == 1 && this.num2 == 1 && this.num3 == 1 && this.num4 == 1 && this.num5 == 1
               && this.num6 == 1 && this.num7 == 1 && this.num8 == 1 && this.num9 == 1 && this.num10 == 1
@@ -71,11 +74,14 @@ struct SetCircle {
                 this.Vue = true;
               }
             })
-          Text('italic').fontSize(13).border({width:2}).size({width:'24%',height:'18%'})
-            .onClick(()=>{
+          Toggle({type:ToggleType.Button, isOn:false}){
+            Text('italic').fontSize(13)
+          }
+          .size({width:'24%',height:'18%'})
+            .onChange(()=>{
               this.context.clearRect(0, 10, 600, 600);
-              this.context.font = 'italic normal 120px sans-serif';
-              this.context.fillText("Hello World", 80, 120);
+              this.context.font = 'italic normal 80px sans-serif';
+              this.context.fillText("Hello World", 40, 180);
               this.num2 = 1;
               if( this.num1 == 1 && this.num2 == 1 && this.num3 == 1 && this.num4 == 1 && this.num5 == 1
               && this.num6 == 1 && this.num7 == 1 && this.num8 == 1 && this.num9 == 1 && this.num10 == 1
@@ -88,11 +94,14 @@ struct SetCircle {
         }
         Row({space:8}) {
           Text('font-weight').fontSize(13).border({ width: 0 }).size({ width: '24%', height: '18%' })
-          Text('normal').fontSize(13).border({ width: 2 }).size({ width: '16%', height: '18%' })
-            .onClick(() => {
+          Toggle({type:ToggleType.Button, isOn:false}){
+            Text('normal').fontSize(13)
+          }
+          .size({width:'16%',height:'18%'})
+            .onChange(() => {
               this.context.clearRect(0, 10, 600, 600);
-              this.context.font = 'normal normal 120px sans-serif';
-              this.context.fillText("Hello World", 80, 120);
+              this.context.font = 'normal normal 80px sans-serif';
+              this.context.fillText("Hello World", 40, 180);
               this.num3 = 1;
               if( this.num1 == 1 && this.num2 == 1 && this.num3 == 1 && this.num4 == 1 && this.num5 == 1
               && this.num6 == 1 && this.num7 == 1 && this.num8 == 1 && this.num9 == 1 && this.num10 == 1
@@ -102,11 +111,14 @@ struct SetCircle {
                 this.Vue = true;
               }
             })
-          Text('bold').fontSize(13).border({width:2}).size({width:'16%',height:'18%'})
-            .onClick(()=>{
+          Toggle({type:ToggleType.Button, isOn:false}){
+            Text('bold').fontSize(13)
+          }
+          .size({width:'16%',height:'18%'})
+            .onChange(()=>{
               this.context.clearRect(0, 10, 600, 600);
-              this.context.font = 'normal bold 120px sans-serif';
-              this.context.fillText("Hello World", 80, 120);
+              this.context.font = 'normal bold 80px sans-serif';
+              this.context.fillText("Hello World", 40, 180);
               this.num4 = 1;
               if( this.num1 == 1 && this.num2 == 1 && this.num3 == 1 && this.num4 == 1 && this.num5 == 1
               && this.num6 == 1 && this.num7 == 1 && this.num8 == 1 && this.num9 == 1 && this.num10 == 1
@@ -116,11 +128,14 @@ struct SetCircle {
                 this.Vue = true;
               }
             })
-          Text('bolder').fontSize(13).border({width:2}).size({width:'16%',height:'18%'})
-            .onClick(()=>{
+          Toggle({type:ToggleType.Button, isOn:false}){
+            Text('bolder').fontSize(13)
+          }
+          .size({width:'16%',height:'18%'})
+            .onChange(()=>{
               this.context.clearRect(0, 10, 600, 600);
-              this.context.font = 'normal bolder 120px sans-serif';
-              this.context.fillText("Hello World", 80, 120);
+              this.context.font = 'normal bolder 80px sans-serif';
+              this.context.fillText("Hello World", 40, 180);
               this.num5 = 1;
               if( this.num1 == 1 && this.num2 == 1 && this.num3 == 1 && this.num4 == 1 && this.num5 == 1
               && this.num6 == 1 && this.num7 == 1 && this.num8 == 1 && this.num9 == 1 && this.num10 == 1
@@ -130,11 +145,14 @@ struct SetCircle {
                 this.Vue = true;
               }
             })
-          Text('lighter').fontSize(13).border({width:2}).size({width:'16%',height:'18%'})
-            .onClick(()=>{
+          Toggle({type:ToggleType.Button, isOn:false}){
+            Text('lighter').fontSize(13)
+          }
+          .size({width:'16%',height:'18%'})
+            .onChange(()=>{
               this.context.clearRect(0, 10, 600, 600);
-              this.context.font = 'normal lighter 120px sans-serif';
-              this.context.fillText("Hello World", 80, 120);
+              this.context.font = 'normal lighter 80px sans-serif';
+              this.context.fillText("Hello World", 40, 180);
               this.num6 = 1;
               if( this.num1 == 1 && this.num2 == 1 && this.num3 == 1 && this.num4 == 1 && this.num5 == 1
               && this.num6 == 1 && this.num7 == 1 && this.num8 == 1 && this.num9 == 1 && this.num10 == 1
@@ -146,11 +164,14 @@ struct SetCircle {
             })
         }
         Row({space:5}) {
-          Text('100').fontSize(13).border({ width: 2 }).size({ width: '10%', height: '18%' })
-            .onClick(() => {
+          Toggle({type:ToggleType.Button, isOn:false}){
+            Text('100').fontSize(13)
+          }
+          .size({ width: '10%', height: '18%' })
+            .onChange(() => {
               this.context.clearRect(0, 10, 600, 600);
-              this.context.font = 'normal 100 120px sans-serif';
-              this.context.fillText("Hello World", 80, 120);
+              this.context.font = 'normal 100 80px sans-serif';
+              this.context.fillText("Hello World", 40, 180);
               this.num7 = 1;
               if( this.num1 == 1 && this.num2 == 1 && this.num3 == 1 && this.num4 == 1 && this.num5 == 1
               && this.num6 == 1 && this.num7 == 1 && this.num8 == 1 && this.num9 == 1 && this.num10 == 1
@@ -160,11 +181,14 @@ struct SetCircle {
                 this.Vue = true;
               }
             })
-          Text('200').fontSize(13).border({width:2}).size({width:'10%',height:'18%'})
-            .onClick(()=>{
+          Toggle({type:ToggleType.Button, isOn:false}){
+            Text('200').fontSize(13)
+          }
+          .size({ width: '10%', height: '18%' })
+            .onChange(()=>{
               this.context.clearRect(0, 10, 600, 600);
-              this.context.font = 'normal 200 120px sans-serif';
-              this.context.fillText("Hello World", 80, 120);
+              this.context.font = 'normal 200 80px sans-serif';
+              this.context.fillText("Hello World", 40, 180);
               this.num8 = 1;
               if( this.num1 == 1 && this.num2 == 1 && this.num3 == 1 && this.num4 == 1 && this.num5 == 1
               && this.num6 == 1 && this.num7 == 1 && this.num8 == 1 && this.num9 == 1 && this.num10 == 1
@@ -174,11 +198,14 @@ struct SetCircle {
                 this.Vue = true;
               }
             })
-          Text('300').fontSize(13).border({width:2}).size({width:'10%',height:'18%'})
-            .onClick(()=>{
+          Toggle({type:ToggleType.Button, isOn:false}){
+            Text('300').fontSize(13)
+          }
+          .size({ width: '10%', height: '18%' })
+            .onChange(()=>{
               this.context.clearRect(0, 10, 600, 600);
-              this.context.font = 'normal 300 120px sans-serif';
-              this.context.fillText("Hello World", 80, 120);
+              this.context.font = 'normal 300 80px sans-serif';
+              this.context.fillText("Hello World", 40, 180);
               this.num9 = 1;
               if( this.num1 == 1 && this.num2 == 1 && this.num3 == 1 && this.num4 == 1 && this.num5 == 1
               && this.num6 == 1 && this.num7 == 1 && this.num8 == 1 && this.num9 == 1 && this.num10 == 1
@@ -188,11 +215,14 @@ struct SetCircle {
                 this.Vue = true;
               }
             })
-          Text('400').fontSize(13).border({width:2}).size({width:'10%',height:'18%'})
-            .onClick(()=>{
+          Toggle({type:ToggleType.Button, isOn:false}){
+            Text('400').fontSize(13)
+          }
+          .size({ width: '10%', height: '18%' })
+            .onChange(()=>{
               this.context.clearRect(0, 10, 600, 600);
-              this.context.font = 'normal 400 120px sans-serif';
-              this.context.fillText("Hello World", 80, 120);
+              this.context.font = 'normal 400 80px sans-serif';
+              this.context.fillText("Hello World", 40, 180);
               this.num10 = 1;
               if( this.num1 == 1 && this.num2 == 1 && this.num3 == 1 && this.num4 == 1 && this.num5 == 1
               && this.num6 == 1 && this.num7 == 1 && this.num8 == 1 && this.num9 == 1 && this.num10 == 1
@@ -202,11 +232,14 @@ struct SetCircle {
                 this.Vue = true;
               }
             })
-          Text('500').fontSize(13).border({width:2}).size({width:'10%',height:'18%'})
-            .onClick(()=>{
+          Toggle({type:ToggleType.Button, isOn:false}){
+            Text('500').fontSize(13)
+          }
+          .size({ width: '10%', height: '18%' })
+            .onChange(()=>{
               this.context.clearRect(0, 10, 600, 600);
-              this.context.font = 'normal 500 120px sans-serif';
-              this.context.fillText("Hello World", 80, 120);
+              this.context.font = 'normal 500 80px sans-serif';
+              this.context.fillText("Hello World", 40, 180);
               this.num11 = 1;
               if( this.num1 == 1 && this.num2 == 1 && this.num3 == 1 && this.num4 == 1 && this.num5 == 1
               && this.num6 == 1 && this.num7 == 1 && this.num8 == 1 && this.num9 == 1 && this.num10 == 1
@@ -216,11 +249,14 @@ struct SetCircle {
                 this.Vue = true;
               }
             })
-          Text('600').fontSize(13).border({width:2}).size({width:'10%',height:'18%'})
-            .onClick(()=>{
+          Toggle({type:ToggleType.Button, isOn:false}){
+            Text('600').fontSize(13)
+          }
+          .size({ width: '10%', height: '18%' })
+            .onChange(()=>{
               this.context.clearRect(0, 10, 600, 600);
-              this.context.font = 'normal 600 120px sans-serif';
-              this.context.fillText("Hello World", 80, 120);
+              this.context.font = 'normal 600 80px sans-serif';
+              this.context.fillText("Hello World", 40, 180);
               this.num12 = 1;
               if( this.num1 == 1 && this.num2 == 1 && this.num3 == 1 && this.num4 == 1 && this.num5 == 1
               && this.num6 == 1 && this.num7 == 1 && this.num8 == 1 && this.num9 == 1 && this.num10 == 1
@@ -230,11 +266,14 @@ struct SetCircle {
                 this.Vue = true;
               }
             })
-          Text('700').fontSize(13).border({width:2}).size({width:'10%',height:'18%'})
-            .onClick(()=>{
+          Toggle({type:ToggleType.Button, isOn:false}){
+            Text('700').fontSize(13)
+          }
+          .size({ width: '10%', height: '18%' })
+            .onChange(()=>{
               this.context.clearRect(0, 10, 600, 600);
-              this.context.font = 'normal 700 120px sans-serif';
-              this.context.fillText("Hello World", 80, 120);
+              this.context.font = 'normal 700 80px sans-serif';
+              this.context.fillText("Hello World", 40, 180);
               this.num13 = 1;
               if( this.num1 == 1 && this.num2 == 1 && this.num3 == 1 && this.num4 == 1 && this.num5 == 1
               && this.num6 == 1 && this.num7 == 1 && this.num8 == 1 && this.num9 == 1 && this.num10 == 1
@@ -244,11 +283,14 @@ struct SetCircle {
                 this.Vue = true;
               }
             })
-          Text('800').fontSize(13).border({width:2}).size({width:'10%',height:'18%'})
-            .onClick(()=>{
+          Toggle({type:ToggleType.Button, isOn:false}){
+            Text('800').fontSize(13)
+          }
+          .size({ width: '10%', height: '18%' })
+            .onChange(()=>{
               this.context.clearRect(0, 10, 600, 600);
-              this.context.font = 'normal 800 120px sans-serif';
-              this.context.fillText("Hello World", 80, 120);
+              this.context.font = 'normal 800 80px sans-serif';
+              this.context.fillText("Hello World", 40, 180);
               this.num14 = 1;
               if( this.num1 == 1 && this.num2 == 1 && this.num3 == 1 && this.num4 == 1 && this.num5 == 1
               && this.num6 == 1 && this.num7 == 1 && this.num8 == 1 && this.num9 == 1 && this.num10 == 1
@@ -258,11 +300,14 @@ struct SetCircle {
                 this.Vue = true;
               }
             })
-          Text('900').fontSize(13).border({width:2}).size({width:'10%',height:'18%'})
-            .onClick(()=>{
+          Toggle({type:ToggleType.Button, isOn:false}){
+            Text('900').fontSize(13)
+          }
+          .size({ width: '10%', height: '18%' })
+            .onChange(()=>{
               this.context.clearRect(0, 10, 600, 600);
-              this.context.font = 'normal 900 120px sans-serif';
-              this.context.fillText("Hello World", 80, 120);
+              this.context.font = 'normal 900 80px sans-serif';
+              this.context.fillText("Hello World", 40, 180);
               this.num15 = 1;
               if( this.num1 == 1 && this.num2 == 1 && this.num3 == 1 && this.num4 == 1 && this.num5 == 1
               && this.num6 == 1 && this.num7 == 1 && this.num8 == 1 && this.num9 == 1 && this.num10 == 1
@@ -275,11 +320,14 @@ struct SetCircle {
         }
         Row({space:10}){
           Text('font-family').fontSize(13).border({width:0}).size({width:'24%',height:'18%'})
-          Text('sans-serif').fontSize(13).border({width:2}).size({width:'24%',height:'18%'})
-            .onClick(()=>{
+          Toggle({type:ToggleType.Button, isOn:false}){
+            Text('sans-serif').fontSize(13)
+          }
+          .size({width:'24%',height:'18%'})
+            .onChange(()=>{
               this.context.clearRect(0, 10, 600, 600);
-              this.context.font = 'normal normal 120px sans-serif';
-              this.context.fillText("Hello World", 80, 120);
+              this.context.font = 'normal normal 80px sans-serif';
+              this.context.fillText("Hello World", 40, 180);
               this.num16 = 1;
               if( this.num1 == 1 && this.num2 == 1 && this.num3 == 1 && this.num4 == 1 && this.num5 == 1
               && this.num6 == 1 && this.num7 == 1 && this.num8 == 1 && this.num9 == 1 && this.num10 == 1
@@ -289,11 +337,14 @@ struct SetCircle {
                 this.Vue = true;
               }
             })
-          Text('serif').fontSize(13).border({width:2}).size({width:'24%',height:'18%'})
-            .onClick(()=>{
+          Toggle({type:ToggleType.Button, isOn:false}){
+            Text('serif').fontSize(13)
+          }
+          .size({width:'24%',height:'18%'})
+            .onChange(()=>{
               this.context.clearRect(0, 10, 600, 600);
-              this.context.font = 'normal normal 120px serif';
-              this.context.fillText("Hello World", 80, 120);
+              this.context.font = 'normal normal 80px serif';
+              this.context.fillText("Hello World", 40, 180);
               this.num17 = 1;
               if( this.num1 == 1 && this.num2 == 1 && this.num3 == 1 && this.num4 == 1 && this.num5 == 1
               && this.num6 == 1 && this.num7 == 1 && this.num8 == 1 && this.num9 == 1 && this.num10 == 1
@@ -303,11 +354,14 @@ struct SetCircle {
                 this.Vue = true;
               }
             })
-          Text('monospace').fontSize(13).border({width:2}).size({width:'24%',height:'18%'})
-            .onClick(()=>{
+          Toggle({type:ToggleType.Button, isOn:false}){
+            Text('monospace').fontSize(13)
+          }
+          .size({width:'24%',height:'18%'})
+            .onChange(()=>{
               this.context.clearRect(0, 10, 600, 600);
-              this.context.font = 'normal normal 120px monospace';
-              this.context.fillText("Hello World", 80, 120);
+              this.context.font = 'normal normal 80px monospace';
+              this.context.fillText("Hello World", 40, 180);
               this.num18 = 1;
               if( this.num1 == 1 && this.num2 == 1 && this.num3 == 1 && this.num4 == 1 && this.num5 == 1
               && this.num6 == 1 && this.num7 == 1 && this.num8 == 1 && this.num9 == 1 && this.num10 == 1
@@ -320,11 +374,14 @@ struct SetCircle {
         }
         Row({space:10}) {
           Text('font-size').fontSize(13).border({ width: 0 }).size({ width: '18%', height: '18%' })
-          Text('small').fontSize(13).border({ width: 2 }).size({ width: '18%', height: '18%' })
-            .onClick(() => {
+          Toggle({type:ToggleType.Button, isOn:false}){
+            Text('small').fontSize(13)
+          }
+          .size({ width: '18%', height: '18%' })
+            .onChange(() => {
               this.context.clearRect(0, 10, 600, 600);
               this.context.font = 'normal normal 10px sans-serif';
-              this.context.fillText("Hello World", 80, 120);
+              this.context.fillText("Hello World", 40, 180);
               this.num19 = 1;
               if( this.num1 == 1 && this.num2 == 1 && this.num3 == 1 && this.num4 == 1 && this.num5 == 1
               && this.num6 == 1 && this.num7 == 1 && this.num8 == 1 && this.num9 == 1 && this.num10 == 1
@@ -334,11 +391,14 @@ struct SetCircle {
                 this.Vue = true;
               }
             })
-          Text('medium').fontSize(13).border({width:2}).size({width:'18%',height:'18%'})
-            .onClick(()=>{
+          Toggle({type:ToggleType.Button, isOn:false}){
+            Text('medium').fontSize(13)
+          }
+          .size({ width: '18%', height: '18%' })
+            .onChange(()=>{
               this.context.clearRect(0, 10, 600, 600);
               this.context.font = 'normal normal 50px sans-serif';
-              this.context.fillText("Hello World", 80, 120);
+              this.context.fillText("Hello World", 40, 180);
               this.num20 = 1;
               if( this.num1 == 1 && this.num2 == 1 && this.num3 == 1 && this.num4 == 1 && this.num5 == 1
               && this.num6 == 1 && this.num7 == 1 && this.num8 == 1 && this.num9 == 1 && this.num10 == 1
@@ -348,11 +408,14 @@ struct SetCircle {
                 this.Vue = true;
               }
             })
-          Text('large').fontSize(13).border({width:2}).size({width:'18%',height:'18%'})
-            .onClick(()=>{
+          Toggle({type:ToggleType.Button, isOn:false}){
+            Text('large').fontSize(13)
+          }
+          .size({ width: '18%', height: '18%' })
+            .onChange(()=>{
               this.context.clearRect(0, 10, 600, 600);
               this.context.font = 'normal normal 80px sans-serif';
-              this.context.fillText("Hello World", 80, 120);
+              this.context.fillText("Hello World", 40, 180);
               this.num21 = 1;
               if( this.num1 == 1 && this.num2 == 1 && this.num3 == 1 && this.num4 == 1 && this.num5 == 1
               && this.num6 == 1 && this.num7 == 1 && this.num8 == 1 && this.num9 == 1 && this.num10 == 1
@@ -362,11 +425,14 @@ struct SetCircle {
                 this.Vue = true;
               }
             })
-          Text('extra').fontSize(13).border({width:2}).size({width:'18%',height:'18%'})
-            .onClick(()=>{
+          Toggle({type:ToggleType.Button, isOn:false}){
+            Text('extra').fontSize(13)
+          }
+          .size({ width: '18%', height: '18%' })
+            .onChange(()=>{
               this.context.clearRect(0, 10, 600, 600);
               this.context.font = 'normal normal 120px sans-serif';
-              this.context.fillText("Hello World", 80, 120);
+              this.context.fillText("Hello World", 40, 180);
               this.num22 = 1;
               if( this.num1 == 1 && this.num2 == 1 && this.num3 == 1 && this.num4 == 1 && this.num5 == 1
               && this.num6 == 1 && this.num7 == 1 && this.num8 == 1 && this.num9 == 1 && this.num10 == 1
@@ -384,8 +450,6 @@ struct SetCircle {
           .height('100%')
           .backgroundColor('#ffffffff')
           .onReady(() =>{
-            this.context.font = '120px sans-serif';
-            this.context.fillText("Hello World", 80, 120);
           })
       }.width('100%').height('70%')
     }.width('100%').height('80%').backgroundColor(Color.White)
diff --git a/validator/acts_validator/src/main/ets/pages/ArkUI/CanvasGlobalAlpha.ets b/validator/acts_validator/src/main/ets/pages/ArkUI/CanvasGlobalAlpha.ets
index 9f7951318e07ce3fdf90e101666a028340a63df3..9ae79a42ce5a0dc19725825dce1819e4cc0a3f7c 100644
--- a/validator/acts_validator/src/main/ets/pages/ArkUI/CanvasGlobalAlpha.ets
+++ b/validator/acts_validator/src/main/ets/pages/ArkUI/CanvasGlobalAlpha.ets
@@ -12,9 +12,9 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+import router from '@ohos.router';
 import {CustomContainer} from '../common/CanvasCustomContainer2';
 import FirstDialog from '../model/FirstDialog';
-import router from '@ohos.router';
 @Entry
 @Component
 struct SetCircle {
@@ -37,11 +37,17 @@ struct SetCircle {
           .gesture(
           PanGesture({})
             .onActionStart((event: GestureEvent) => {
-              this.context.clearRect(100, 100, 250, 200);
               console.info('Pan start');
               this.Vue = true;
             })
             .onActionUpdate((event: GestureEvent) => {
+              this.context.clearRect(100, 100, 250, 200);
+              if(event.offsetX>200){
+                event.offsetX = 200;
+              }
+              else if (event.offsetX < 20){
+                event.offsetX = 20;
+              }
               this.X = event.offsetX;
               this.context.globalAlpha = (this.X)*0.005;
               this.context.fillStyle = 'rgb(255,0,0)';
diff --git a/validator/acts_validator/src/main/ets/pages/ArkUI/CanvasGlobalCompositeOperation.ets b/validator/acts_validator/src/main/ets/pages/ArkUI/CanvasGlobalCompositeOperation.ets
index 8e2d477c736330c89921df45f0ceea1afb11c152..99ca55148513dd401067630bda0d44e143d2bcad 100644
--- a/validator/acts_validator/src/main/ets/pages/ArkUI/CanvasGlobalCompositeOperation.ets
+++ b/validator/acts_validator/src/main/ets/pages/ArkUI/CanvasGlobalCompositeOperation.ets
@@ -12,9 +12,9 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+import router from '@ohos.router';
 import {CustomContainer} from '../common/CanvasCustomContainer1';
 import FirstDialog from '../model/FirstDialog';
-import router from '@ohos.router';
 @Entry
 @Component
 struct SetCircle {
@@ -22,7 +22,7 @@ struct SetCircle {
   private context: CanvasRenderingContext2D = new CanvasRenderingContext2D(this.settings);
   @State FillColor: string = '#FF000000';
   @State name: string = 'CanvasGlobalCompositeOperation';
-  @State StepTips: string = '操作步骤：点击不同的合成操作的方式'+'\n'+'预期结果：原本默认合成方式会随点击变化';
+  @State StepTips: string = '操作步骤：点击不同的合成操作的方式'+'\n'+'预期结果：原本默认合成方式会随点击变化（红色为先绘制内容，蓝色为后绘制内容）';
   @State Vue: boolean = false;
   @State num1: number = 0;
   @State num2: number = 0;
@@ -45,8 +45,17 @@ struct SetCircle {
           Text('').fontSize(0).border({width:0}).size({width:'0%',height:'2%'})
         }
         Row({space:10}){
-          Text('s-over').fontSize(13).border({width:2}).size({width:'18%',height:'20%'})
-          .onClick(()=>{
+          Toggle({type:ToggleType.Button, isOn:false}){
+            Text('s-over').fontSize(13)
+          }
+          .size({width:'18%',height:'20%'})
+          .onChange(()=>{
+            this.context.clearRect(0, 10, 350, 300);
+            this.context.fillStyle = 'rgb(255,0,0)';
+            this.context.fillRect(150, 150, 50, 50);
+            this.context.globalCompositeOperation = 'source-over';
+            this.context.fillStyle = 'rgb(0,0,255)';
+            this.context.fillRect(180, 180, 50, 50);
             this.context.clearRect(0, 10, 350, 300);
             this.context.fillStyle = 'rgb(255,0,0)';
             this.context.fillRect(150, 150, 50, 50);
@@ -60,8 +69,17 @@ struct SetCircle {
               this.Vue = true;
             }
           })
-          Text('s-atop').fontSize(13).border({width:2}).size({width:'18%',height:'20%'})
-            .onClick(()=>{
+          Toggle({type:ToggleType.Button, isOn:false}){
+            Text('s-atop').fontSize(13)
+          }
+          .size({width:'18%',height:'20%'})
+            .onChange(()=>{
+              this.context.clearRect(0, 10, 350, 300);
+              this.context.fillStyle = 'rgb(255,0,0)';
+              this.context.fillRect(150, 150, 50, 50);
+              this.context.globalCompositeOperation = 'source-over';
+              this.context.fillStyle = 'rgb(0,0,255)';
+              this.context.fillRect(180, 180, 50, 50);
               this.context.clearRect(0, 10, 350, 300);
               this.context.fillStyle = 'rgb(255,0,0)';
               this.context.fillRect(150, 150, 50, 50);
@@ -75,8 +93,17 @@ struct SetCircle {
                 this.Vue = true;
               }
             })
-          Text('s-in').fontSize(13).border({width:2}).size({width:'18%',height:'20%'})
-            .onClick(()=>{
+          Toggle({type:ToggleType.Button, isOn:false}){
+            Text('s-in').fontSize(13)
+          }
+          .size({width:'18%',height:'20%'})
+            .onChange(()=>{
+              this.context.clearRect(0, 10, 350, 300);
+              this.context.fillStyle = 'rgb(255,0,0)';
+              this.context.fillRect(150, 150, 50, 50);
+              this.context.globalCompositeOperation = 'source-over';
+              this.context.fillStyle = 'rgb(0,0,255)';
+              this.context.fillRect(180, 180, 50, 50);
               this.context.clearRect(0, 10, 350, 300);
               this.context.fillStyle = 'rgb(255,0,0)';
               this.context.fillRect(150, 150, 50, 50);
@@ -90,8 +117,17 @@ struct SetCircle {
                 this.Vue = true;
               }
             })
-          Text('s-out').fontSize(13).border({width:2}).size({width:'18%',height:'20%'})
-            .onClick(()=>{
+          Toggle({type:ToggleType.Button, isOn:false}){
+            Text('s-out').fontSize(13)
+          }
+          .size({width:'18%',height:'20%'})
+            .onChange(()=>{
+              this.context.clearRect(0, 10, 350, 300);
+              this.context.fillStyle = 'rgb(255,0,0)';
+              this.context.fillRect(150, 150, 50, 50);
+              this.context.globalCompositeOperation = 'source-over';
+              this.context.fillStyle = 'rgb(0,0,255)';
+              this.context.fillRect(180, 180, 50, 50);
               this.context.clearRect(0, 10, 350, 300);
               this.context.fillStyle = 'rgb(255,0,0)';
               this.context.fillRect(150, 150, 50, 50);
@@ -107,8 +143,17 @@ struct SetCircle {
             })
         }
         Row({space:10}){
-          Text('d-over').fontSize(13).border({width:2}).size({width:'18%',height:'20%'})
-          .onClick(()=> {
+          Toggle({type:ToggleType.Button, isOn:false}){
+            Text('d-over').fontSize(13)
+          }
+          .size({width:'18%',height:'20%'})
+          .onChange(()=> {
+            this.context.clearRect(0, 10, 350, 300);
+            this.context.fillStyle = 'rgb(255,0,0)';
+            this.context.fillRect(150, 150, 50, 50);
+            this.context.globalCompositeOperation = 'source-over';
+            this.context.fillStyle = 'rgb(0,0,255)';
+            this.context.fillRect(180, 180, 50, 50);
             this.context.clearRect(0, 10, 350, 300);
             this.context.fillStyle = 'rgb(255,0,0)';
             this.context.fillRect(150, 150, 50, 50);
@@ -122,8 +167,17 @@ struct SetCircle {
               this.Vue = true;
             }
           })
-          Text('d-atop').fontSize(13).border({width:2}).size({width:'18%',height:'20%'})
-            .onClick(()=> {
+          Toggle({type:ToggleType.Button, isOn:false}){
+            Text('d-atop').fontSize(13)
+          }
+          .size({width:'18%',height:'20%'})
+            .onChange(()=> {
+              this.context.clearRect(0, 10, 350, 300);
+              this.context.fillStyle = 'rgb(255,0,0)';
+              this.context.fillRect(150, 150, 50, 50);
+              this.context.globalCompositeOperation = 'source-over';
+              this.context.fillStyle = 'rgb(0,0,255)';
+              this.context.fillRect(180, 180, 50, 50);
               this.context.clearRect(0, 10, 350, 300);
               this.context.fillStyle = 'rgb(255,0,0)';
               this.context.fillRect(150, 150, 50, 50);
@@ -137,8 +191,17 @@ struct SetCircle {
                 this.Vue = true;
               }
             })
-          Text('d-in').fontSize(13).border({width:2}).size({width:'18%',height:'20%'})
-            .onClick(()=> {
+          Toggle({type:ToggleType.Button, isOn:false}){
+            Text('d-in').fontSize(13)
+          }
+          .size({width:'18%',height:'20%'})
+            .onChange(()=> {
+              this.context.clearRect(0, 10, 350, 300);
+              this.context.fillStyle = 'rgb(255,0,0)';
+              this.context.fillRect(150, 150, 50, 50);
+              this.context.globalCompositeOperation = 'source-over';
+              this.context.fillStyle = 'rgb(0,0,255)';
+              this.context.fillRect(180, 180, 50, 50);
               this.context.clearRect(0, 10, 350, 300);
               this.context.fillStyle = 'rgb(255,0,0)';
               this.context.fillRect(150, 150, 50, 50);
@@ -152,8 +215,17 @@ struct SetCircle {
                 this.Vue = true;
               }
             })
-          Text('d-out').fontSize(13).border({width:2}).size({width:'18%',height:'20%'})
-            .onClick(()=> {
+          Toggle({type:ToggleType.Button, isOn:false}){
+            Text('d-out').fontSize(13)
+          }
+          .size({width:'18%',height:'20%'})
+            .onChange(()=> {
+              this.context.clearRect(0, 10, 350, 300);
+              this.context.fillStyle = 'rgb(255,0,0)';
+              this.context.fillRect(150, 150, 50, 50);
+              this.context.globalCompositeOperation = 'source-over';
+              this.context.fillStyle = 'rgb(0,0,255)';
+              this.context.fillRect(180, 180, 50, 50);
               this.context.clearRect(0, 10, 350, 300);
               this.context.fillStyle = 'rgb(255,0,0)';
               this.context.fillRect(150, 150, 50, 50);
@@ -169,8 +241,17 @@ struct SetCircle {
             })
         }
         Row({space:10}){
-          Text('lighter').fontSize(13).border({width:2}).size({width:'18%',height:'20%'})
-            .onClick(()=> {
+          Toggle({type:ToggleType.Button, isOn:false}){
+            Text('lighter').fontSize(13)
+          }
+          .size({width:'18%',height:'20%'})
+            .onChange(()=> {
+              this.context.clearRect(0, 10, 350, 300);
+              this.context.fillStyle = 'rgb(255,0,0)';
+              this.context.fillRect(150, 150, 50, 50);
+              this.context.globalCompositeOperation = 'source-over';
+              this.context.fillStyle = 'rgb(0,0,255)';
+              this.context.fillRect(180, 180, 50, 50);
               this.context.clearRect(0, 10, 350, 300);
               this.context.fillStyle = 'rgb(255,0,0)';
               this.context.fillRect(150, 150, 50, 50);
@@ -184,8 +265,17 @@ struct SetCircle {
                 this.Vue = true;
               }
             })
-          Text('copy').fontSize(13).border({width:2}).size({width:'18%',height:'20%'})
-            .onClick(()=> {
+          Toggle({type:ToggleType.Button, isOn:false}){
+            Text('copy').fontSize(13)
+          }
+          .size({width:'18%',height:'20%'})
+            .onChange(()=> {
+              this.context.clearRect(0, 10, 350, 300);
+              this.context.fillStyle = 'rgb(255,0,0)';
+              this.context.fillRect(150, 150, 50, 50);
+              this.context.globalCompositeOperation = 'source-over';
+              this.context.fillStyle = 'rgb(0,0,255)';
+              this.context.fillRect(180, 180, 50, 50);
               this.context.clearRect(0, 10, 350, 300);
               this.context.fillStyle = 'rgb(255,0,0)';
               this.context.fillRect(150, 150, 50, 50);
@@ -199,8 +289,17 @@ struct SetCircle {
                 this.Vue = true;
               }
             })
-          Text('xor').fontSize(13).border({width:2}).size({width:'18%',height:'20%'})
-            .onClick(()=> {
+          Toggle({type:ToggleType.Button, isOn:false}){
+            Text('xor').fontSize(13)
+          }
+          .size({width:'18%',height:'20%'})
+            .onChange(()=> {
+              this.context.clearRect(0, 10, 350, 300);
+              this.context.fillStyle = 'rgb(255,0,0)';
+              this.context.fillRect(150, 150, 50, 50);
+              this.context.globalCompositeOperation = 'source-over';
+              this.context.fillStyle = 'rgb(0,0,255)';
+              this.context.fillRect(180, 180, 50, 50);
               this.context.clearRect(0, 10, 350, 300);
               this.context.fillStyle = 'rgb(255,0,0)';
               this.context.fillRect(150, 150, 50, 50);
@@ -223,11 +322,6 @@ struct SetCircle {
           .height('100%')
           .backgroundColor('#ffffffff')
           .onReady(() =>{
-            this.context.fillStyle = 'rgb(255,0,0)';
-            this.context.fillRect(150, 150, 50, 50);
-            this.context.globalCompositeOperation = 'source-over';
-            this.context.fillStyle = 'rgb(0,0,255)';
-            this.context.fillRect(180, 180, 50, 50);
           })
       }.width('100%').height('70%')
     }.width('100%').height('80%').backgroundColor(Color.White)
diff --git a/validator/acts_validator/src/main/ets/pages/ArkUI/CanvasLineCap.ets b/validator/acts_validator/src/main/ets/pages/ArkUI/CanvasLineCap.ets
index 6749e95c3b311374f70a691e222cd07fecfb29d4..50064122f71e1d96dbedb4316f70a2ed3b3fe85e 100644
--- a/validator/acts_validator/src/main/ets/pages/ArkUI/CanvasLineCap.ets
+++ b/validator/acts_validator/src/main/ets/pages/ArkUI/CanvasLineCap.ets
@@ -12,9 +12,9 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+import router from '@ohos.router';
 import {CustomContainer} from '../common/CanvasCustomContainer1';
 import FirstDialog from '../model/FirstDialog';
-import router from '@ohos.router';
 @Entry
 @Component
 struct SetCircle {
diff --git a/validator/acts_validator/src/main/ets/pages/ArkUI/CanvasLineDashOffset.ets b/validator/acts_validator/src/main/ets/pages/ArkUI/CanvasLineDashOffset.ets
index 2ba278e25a27cb043fc8c67774770759563e214d..57db8c68213b089573f2a66b3876754d37d8a50c 100644
--- a/validator/acts_validator/src/main/ets/pages/ArkUI/CanvasLineDashOffset.ets
+++ b/validator/acts_validator/src/main/ets/pages/ArkUI/CanvasLineDashOffset.ets
@@ -12,9 +12,9 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+import router from '@ohos.router';
 import {CustomContainer} from '../common/CanvasCustomContainer2';
 import FirstDialog from '../model/FirstDialog';
-import router from '@ohos.router';
 @Entry
 @Component
 struct SetCircle {
@@ -36,15 +36,22 @@ struct SetCircle {
           .gesture(
           PanGesture({})
             .onActionStart((event: GestureEvent) => {
-              this.context.clearRect(100, 100, 250, 200);
               console.info('Pan start');
               this.Vue = true;
             })
             .onActionUpdate((event: GestureEvent) => {
+              if(event.offsetX > 200){
+                event.offsetX = 200;
+              }
+              else if(event.offsetX < 20){
+                event.offsetX = 20;
+              }
               this.X = event.offsetX;
-              this.context.arc(180, 150, 50, 0, 6.28);
+              this.context.clearRect(100, 90, 250, 200);
               this.context.setLineDash([20,30]);
-              this.context.lineDashOffset = (this.X)*0.02;
+              this.context.beginPath();
+              this.context.arc(180, 150, 50, 0, 6.28);
+              this.context.lineDashOffset = (this.X) * 0.2;
               this.context.stroke();
             })
             .onActionEnd(() => {
@@ -53,7 +60,7 @@ struct SetCircle {
           )
       }.width('70%').height('25%')
       Flex({ direction: FlexDirection.Column, alignItems: ItemAlign.Center, justifyContent: FlexAlign.Center }) {
-        Text('虚线偏移量: ' + (this.X)*0.02 )
+        Text('虚线偏移量: ' + (this.X)*0.2 )
       }.width('100%').height('20%')
       Flex({ direction: FlexDirection.Column, alignItems: ItemAlign.Center, justifyContent: FlexAlign.Center }) {
         Canvas(this.context)
@@ -61,10 +68,6 @@ struct SetCircle {
           .height('100%')
           .backgroundColor('#ffffffff')
           .onReady(() =>{
-            this.context.arc(180, 150, 50, 0, 6.28);
-            this.context.setLineDash([20,30]);
-            this.context.lineDashOffset = 0.1;
-            this.context.stroke();
           })
       }.width('100%').height('55%')
     }.width('100%').height('80%').backgroundColor(Color.White)
diff --git a/validator/acts_validator/src/main/ets/pages/ArkUI/CanvasLineJoin.ets b/validator/acts_validator/src/main/ets/pages/ArkUI/CanvasLineJoin.ets
index 4b51feefe9662b98b2d0f0df7a47ae18ac4b8a19..84db83a781fd5aa20cef59f203fb940f298c134f 100644
--- a/validator/acts_validator/src/main/ets/pages/ArkUI/CanvasLineJoin.ets
+++ b/validator/acts_validator/src/main/ets/pages/ArkUI/CanvasLineJoin.ets
@@ -12,9 +12,9 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+import router from '@ohos.router';
 import {CustomContainer} from '../common/CanvasCustomContainer1';
 import FirstDialog from '../model/FirstDialog';
-import router from '@ohos.router';
 @Entry
 @Component
 struct SetCircle {
diff --git a/validator/acts_validator/src/main/ets/pages/ArkUI/CanvasLineWidth.ets b/validator/acts_validator/src/main/ets/pages/ArkUI/CanvasLineWidth.ets
index 329a76dab1cb99cc4769aa106540a959bc063a37..53f68a052ac3d40a07ee9b7ebd10a6c25ce5f9c8 100644
--- a/validator/acts_validator/src/main/ets/pages/ArkUI/CanvasLineWidth.ets
+++ b/validator/acts_validator/src/main/ets/pages/ArkUI/CanvasLineWidth.ets
@@ -12,9 +12,9 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+import router from '@ohos.router';
 import {CustomContainer} from '../common/CanvasCustomContainer2';
 import FirstDialog from '../model/FirstDialog';
-import router from '@ohos.router';
 @Entry
 @Component
 struct SetCircle {
@@ -36,11 +36,17 @@ struct SetCircle {
           .gesture(
           PanGesture({})
             .onActionStart((event: GestureEvent) => {
-              this.context.clearRect(100, 100, 250, 200);
               console.info('Pan start');
               this.Vue = true;
             })
             .onActionUpdate((event: GestureEvent) => {
+              if(event.offsetX > 200){
+                event.offsetX = 200;
+              }
+              else if(event.offsetX < 20){
+                event.offsetX = 20;
+              }
+              this.context.clearRect(100, 100, 250, 200);
               this.X = event.offsetX;
               this.context.lineWidth = (this.X)*0.1;
               this.context.strokeRect(120, 120, 120, 120);
diff --git a/validator/acts_validator/src/main/ets/pages/ArkUI/CanvasShadowBlur.ets b/validator/acts_validator/src/main/ets/pages/ArkUI/CanvasShadowBlur.ets
index 1ebcb13c7bc8af8dd659dd400775e2b783f679fa..b49413f3fcc95f7b01e3178fb4c9a35ad996c774 100644
--- a/validator/acts_validator/src/main/ets/pages/ArkUI/CanvasShadowBlur.ets
+++ b/validator/acts_validator/src/main/ets/pages/ArkUI/CanvasShadowBlur.ets
@@ -12,9 +12,9 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+import router from '@ohos.router';
 import {CustomContainer} from '../common/CanvasCustomContainer2';
 import FirstDialog from '../model/FirstDialog';
-import router from '@ohos.router';
 @Entry
 @Component
 struct SetCircle {
@@ -36,13 +36,19 @@ struct SetCircle {
           .gesture(
           PanGesture({})
             .onActionStart((event: GestureEvent) => {
-              this.context.clearRect(0, 0, 600, 500);
               this.context.fillStyle = 'rgb(255,0,0)';
               this.context.fillRect(150, 150, 100, 100);
               console.info('Pan start');
               this.Vue = true;
             })
             .onActionUpdate((event: GestureEvent) => {
+              if(event.offsetX > 200){
+                event.offsetX = 200;
+              }
+              else if(event.offsetX < 20){
+                event.offsetX = 20;
+              }
+              this.context.clearRect(0, 0, 600, 500);
               this.X = event.offsetX;
               this.context.shadowBlur = this.X;
               this.context.shadowColor = 'rgb(0,0,0)';
diff --git a/validator/acts_validator/src/main/ets/pages/ArkUI/CanvasShadowColor.ets b/validator/acts_validator/src/main/ets/pages/ArkUI/CanvasShadowColor.ets
index a430b438674d7cd8e8564e20a1a22f8fdb381a54..f5b5dcd78701661d826bd140a1ebd2200dbd74f7 100644
--- a/validator/acts_validator/src/main/ets/pages/ArkUI/CanvasShadowColor.ets
+++ b/validator/acts_validator/src/main/ets/pages/ArkUI/CanvasShadowColor.ets
@@ -12,9 +12,9 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+import router from '@ohos.router';
 import {CustomContainer} from '../common/CanvasCustomContainer2';
 import FirstDialog from '../model/FirstDialog';
-import router from '@ohos.router';
 @Entry
 @Component
 struct SetCircle {
@@ -77,8 +77,6 @@ struct SetCircle {
           .height('100%')
           .backgroundColor('#ffffffff')
           .onReady(() =>{
-            this.context.shadowBlur = 30;
-            this.context.shadowColor = 'rgb(0,0,255)';
             this.context.fillStyle = 'rgb(255,0,0)';
             this.context.fillRect(150, 150, 100, 100);
           })
diff --git a/validator/acts_validator/src/main/ets/pages/ArkUI/CanvasShadowOffsetX.ets b/validator/acts_validator/src/main/ets/pages/ArkUI/CanvasShadowOffsetX.ets
index de2d7918da41cad176eba5934ad52fc59fbf7d14..21f59905c6a9dc67b2fece59ff51c5a782b10413 100644
--- a/validator/acts_validator/src/main/ets/pages/ArkUI/CanvasShadowOffsetX.ets
+++ b/validator/acts_validator/src/main/ets/pages/ArkUI/CanvasShadowOffsetX.ets
@@ -12,9 +12,9 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+import router from '@ohos.router';
 import {CustomContainer} from '../common/CanvasCustomContainer2';
 import FirstDialog from '../model/FirstDialog';
-import router from '@ohos.router';
 @Entry
 @Component
 struct SetCircle {
@@ -36,7 +36,6 @@ struct SetCircle {
           .gesture(
           PanGesture({})
             .onActionStart((event: GestureEvent) => {
-              this.context.clearRect(10, 50, 400, 300);
               this.context.shadowColor = 'rgb(0,0,0)';
               this.context.fillStyle = 'rgb(255,0,0)';
               this.context.fillRect(150, 150, 100, 100);
@@ -44,6 +43,13 @@ struct SetCircle {
               this.Vue = true;
             })
             .onActionUpdate((event: GestureEvent) => {
+              if(event.offsetX > 200){
+                event.offsetX = 200;
+              }
+              else if(event.offsetX < 20){
+                event.offsetX = 20;
+              }
+              this.context.clearRect(10, 50, 400, 300);
               this.X = event.offsetX;
               this.context.shadowBlur = 10;
               this.context.shadowOffsetX = (this.X)*0.05;
diff --git a/validator/acts_validator/src/main/ets/pages/ArkUI/CanvasShadowOffsetY.ets b/validator/acts_validator/src/main/ets/pages/ArkUI/CanvasShadowOffsetY.ets
index 0a2d6c9c56df72d9dca10dfbc4330bab0956ca1c..248f5736a12a38150c53ad491acf270a8c5a9081 100644
--- a/validator/acts_validator/src/main/ets/pages/ArkUI/CanvasShadowOffsetY.ets
+++ b/validator/acts_validator/src/main/ets/pages/ArkUI/CanvasShadowOffsetY.ets
@@ -12,9 +12,9 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+import router from '@ohos.router';
 import {CustomContainer} from '../common/CanvasCustomContainer2';
 import FirstDialog from '../model/FirstDialog';
-import router from '@ohos.router';
 @Entry
 @Component
 struct SetCircle {
@@ -36,7 +36,6 @@ struct SetCircle {
           .gesture(
           PanGesture({})
             .onActionStart((event: GestureEvent) => {
-              this.context.clearRect(10, 50, 400, 300);
               this.context.shadowColor = 'rgb(0,0,0)';
               this.context.fillStyle = 'rgb(255,0,0)';
               this.context.fillRect(150, 150, 100, 100);
@@ -44,6 +43,13 @@ struct SetCircle {
               this.Vue = true;
             })
             .onActionUpdate((event: GestureEvent) => {
+              if(event.offsetX > 200){
+                event.offsetX = 200;
+              }
+              else if(event.offsetX < 20){
+                event.offsetX = 20;
+              }
+              this.context.clearRect(10, 50, 400, 300);
               this.X = event.offsetX;
               this.context.shadowBlur = 10;
               this.context.shadowOffsetY = (this.X)*0.05;
diff --git a/validator/acts_validator/src/main/ets/pages/ArkUI/CanvasStrokeStyle.ets b/validator/acts_validator/src/main/ets/pages/ArkUI/CanvasStrokeStyle.ets
index 5427636f9c71624a268ed774fb62562e73ea9d95..76f985528d7d431062a9608dc59f722d9f859a0b 100644
--- a/validator/acts_validator/src/main/ets/pages/ArkUI/CanvasStrokeStyle.ets
+++ b/validator/acts_validator/src/main/ets/pages/ArkUI/CanvasStrokeStyle.ets
@@ -12,9 +12,9 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+import router from '@ohos.router';
 import {CustomContainer} from '../common/CanvasCustomContainer1';
 import FirstDialog from '../model/FirstDialog';
-import router from '@ohos.router';
 @Entry
 @Component
 struct SetCircle {
diff --git a/validator/acts_validator/src/main/ets/pages/ArkUI/CanvasTextAlign.ets b/validator/acts_validator/src/main/ets/pages/ArkUI/CanvasTextAlign.ets
index 0dc23778f9fba8899459ec037331f0a993487c01..d131fbf26fe59b4f431dd9c5fbb08817c09c59d8 100644
--- a/validator/acts_validator/src/main/ets/pages/ArkUI/CanvasTextAlign.ets
+++ b/validator/acts_validator/src/main/ets/pages/ArkUI/CanvasTextAlign.ets
@@ -12,9 +12,9 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+import router from '@ohos.router';
 import {CustomContainer} from '../common/CanvasCustomContainer1';
 import FirstDialog from '../model/FirstDialog';
-import router from '@ohos.router';
 @Entry
 @Component
 struct SetCircle {
@@ -39,11 +39,12 @@ struct SetCircle {
           .onClick(()=>{
             this.context.clearRect(0, 10, 500, 500);
             this.context.lineWidth = 2;
-            this.context.moveTo(180, 10);
-            this.context.lineTo(180, 310);
+            this.context.moveTo(250, 10);
+            this.context.lineTo(250, 310);
             this.context.stroke();
             this.context.textAlign = 'start';
-            this.context.fillText('textAlign=start', 180, 160);
+            this.context.font = '40px sans-serif'
+            this.context.fillText('textAlign=start', 250, 160);
             this.num1 = 1;
             if ( this.num1 == 1 && this.num2 == 1 && this.num3 == 1 && this.num4 == 1 && this.num5 == 1 ){
               this.Vue = true;
@@ -53,11 +54,11 @@ struct SetCircle {
           .onClick(()=>{
             this.context.clearRect(0, 10, 500, 500);
             this.context.lineWidth = 2;
-            this.context.moveTo(180, 10);
-            this.context.lineTo(180, 310);
+            this.context.moveTo(250, 10);
+            this.context.lineTo(250, 310);
             this.context.stroke();
             this.context.textAlign = 'end';
-            this.context.fillText('textAlign=end', 180, 160);
+            this.context.fillText('textAlign=end', 250, 160);
             this.num2 = 1;
             if ( this.num1 == 1 && this.num2 == 1 && this.num3 == 1 && this.num4 == 1 && this.num5 == 1 ){
               this.Vue = true;
@@ -67,11 +68,11 @@ struct SetCircle {
           .onClick(()=>{
             this.context.clearRect(0, 10, 500, 500);
             this.context.lineWidth = 2;
-            this.context.moveTo(180, 10);
-            this.context.lineTo(180, 310);
+            this.context.moveTo(250, 10);
+            this.context.lineTo(250, 310);
             this.context.stroke();
             this.context.textAlign = 'left';
-            this.context.fillText('textAlign=left', 180, 160);
+            this.context.fillText('textAlign=left', 250, 160);
             this.num3 = 1;
             if ( this.num1 == 1 && this.num2 == 1 && this.num3 == 1 && this.num4 == 1 && this.num5 == 1 ){
               this.Vue = true;
@@ -81,11 +82,11 @@ struct SetCircle {
           .onClick(()=>{
             this.context.clearRect(0, 10, 500, 500);
             this.context.lineWidth = 2;
-            this.context.moveTo(180, 10);
-            this.context.lineTo(180, 310);
+            this.context.moveTo(250, 10);
+            this.context.lineTo(250, 310);
             this.context.stroke();
             this.context.textAlign = 'center';
-            this.context.fillText('textAlign=center', 180, 160);
+            this.context.fillText('textAlign=center', 250, 160);
             this.num4 = 1;
             if ( this.num1 == 1 && this.num2 == 1 && this.num3 == 1 && this.num4 == 1 && this.num5 == 1 ){
               this.Vue = true;
@@ -95,11 +96,11 @@ struct SetCircle {
           .onClick(()=> {
             this.context.clearRect(0, 10, 500, 500);
             this.context.lineWidth = 2;
-            this.context.moveTo(180, 10);
-            this.context.lineTo(180, 310);
+            this.context.moveTo(250, 10);
+            this.context.lineTo(250, 310);
             this.context.stroke();
             this.context.textAlign = 'right';
-            this.context.fillText('textAlign=right', 180, 160);
+            this.context.fillText('textAlign=right', 250, 160);
             this.num5 = 1;
             if ( this.num1 == 1 && this.num2 == 1 && this.num3 == 1 && this.num4 == 1 && this.num5 == 1 ){
               this.Vue = true;
@@ -113,12 +114,9 @@ struct SetCircle {
           .backgroundColor('#ffffffff')
           .onReady(() =>{
             this.context.lineWidth = 2;
-            this.context.moveTo(180, 10);
-            this.context.lineTo(180, 310);
+            this.context.moveTo(250, 10);
+            this.context.lineTo(250, 310);
             this.context.stroke();
-            this.context.font = '60px sans-serif';
-            this.context.textAlign = 'start';
-            this.context.fillText('textAlign=start', 180, 160);
           })
       }.width('100%').height('70%')
     }.width('100%').height('80%').backgroundColor(Color.White)
diff --git a/validator/acts_validator/src/main/ets/pages/ArkUI/CanvasTextBaseline.ets b/validator/acts_validator/src/main/ets/pages/ArkUI/CanvasTextBaseline.ets
index e1aa827966643d4e3417e5fe8343aa0c29f0b001..6d0d5b0b670883fb644bf2c7b43f428a617e591e 100644
--- a/validator/acts_validator/src/main/ets/pages/ArkUI/CanvasTextBaseline.ets
+++ b/validator/acts_validator/src/main/ets/pages/ArkUI/CanvasTextBaseline.ets
@@ -12,9 +12,9 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+import router from '@ohos.router';
 import {CustomContainer} from '../common/CanvasCustomContainer1';
 import FirstDialog from '../model/FirstDialog';
-import router from '@ohos.router';
 @Entry
 @Component
 struct SetCircle {
@@ -43,6 +43,7 @@ struct SetCircle {
             this.context.moveTo(0, 120);
             this.context.lineTo(400, 120);
             this.context.stroke();
+            this.context.font = '60px sans-serif';
             this.context.textBaseline = 'top';
             this.context.fillText('Top', 160, 120);
             this.num1 = 1;
@@ -120,11 +121,8 @@ struct SetCircle {
             this.context.strokeStyle = '#0000ff';
             this.context.lineWidth = 2;
             this.context.moveTo(0, 120);
-            this.context.lineTo(400, 120);
+            this.context.lineTo(500, 120);
             this.context.stroke();
-            this.context.font = '60px sans-serif';
-            this.context.textBaseline = 'top';
-            this.context.fillText('Top', 160, 120);
           })
       }.width('100%').height('70%')
     }.width('100%').height('80%').backgroundColor(Color.White)
diff --git a/validator/acts_validator/src/main/ets/pages/ArkUI/LongPressGesture.ets b/validator/acts_validator/src/main/ets/pages/ArkUI/LongPressGesture.ets
index b6298238a9192637349aa571216189a7b25fe301..84b46f97cf74cc3f7765dc202868cac1c68f25e5 100644
--- a/validator/acts_validator/src/main/ets/pages/ArkUI/LongPressGesture.ets
+++ b/validator/acts_validator/src/main/ets/pages/ArkUI/LongPressGesture.ets
@@ -12,15 +12,15 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+import router from '@ohos.router';
 import {CustomContainer} from '../common/CustomContainer2';
 import FirstDialog from '../model/FirstDialog';
-import router from '@ohos.router';
 @Entry
 @Component
 struct LongPressGestureExample {
   @State X: number = 0;
   @State name: string = 'LongPressGesture';
-  @State StepTips: string = '操作步骤：用至少一根手指长按图像（最多十根手指）'+'\n'+'预期结果：长按动作触发计数增加';
+  @State StepTips: string = '操作步骤：手指长按图像'+'\n'+'预期结果：长按动作触发计数增加，显示计数可大于10';
   @State Vue: boolean = false;
   async aboutToAppear(){
     await FirstDialog.ChooseDialog(this.StepTips,this.name);
@@ -36,7 +36,9 @@ struct LongPressGestureExample {
         .onAction((event: GestureEvent) => {
           if (event.repeat) {
             this.X++;
-            this.Vue = true;
+            if(this.X >= 10){
+              this.Vue = true;
+            }
           }
         })
         .onActionEnd(() => {
diff --git a/validator/acts_validator/src/main/ets/pages/ArkUI/PanGesture.ets b/validator/acts_validator/src/main/ets/pages/ArkUI/PanGesture.ets
index e049ca71169e9127aa4dadad168303628bdfbc50..dce227d6d3db288fc251a3ad298933a859af880c 100644
--- a/validator/acts_validator/src/main/ets/pages/ArkUI/PanGesture.ets
+++ b/validator/acts_validator/src/main/ets/pages/ArkUI/PanGesture.ets
@@ -12,16 +12,16 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+import router from '@ohos.router';
 import {CustomContainer} from '../common/CustomContainer3';
 import FirstDialog from '../model/FirstDialog';
-import router from '@ohos.router';
 @Entry
 @Component
 struct PanGestureExample {
   @State X: number = 0;
   @State Y: number = 0;
   @State name: string = 'PanGesture';
-  @State StepTips: string = '操作步骤：用至少一根手指拖动图像（最多十根手指）'+'\n'+'预期结果：图片正常拖动，偏移坐标显示正常';
+  @State StepTips: string = '操作步骤：手指拖动图像'+'\n'+'预期结果：图片正常拖动，偏移坐标显示正常';
   @State Vue: boolean = false;
   async aboutToAppear(){
     await FirstDialog.ChooseDialog(this.StepTips,this.name);
diff --git a/validator/acts_validator/src/main/ets/pages/ArkUI/PinchGestureTest.ets b/validator/acts_validator/src/main/ets/pages/ArkUI/PinchGestureTest.ets
index 70f2d4495dc03a700df6992552ec6559738d378e..0f85be41690eb0bebf0f27882d22daac90e3714b 100644
--- a/validator/acts_validator/src/main/ets/pages/ArkUI/PinchGestureTest.ets
+++ b/validator/acts_validator/src/main/ets/pages/ArkUI/PinchGestureTest.ets
@@ -12,15 +12,15 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+import router from '@ohos.router';
 import {CustomContainer} from '../common/CustomContainer2';
 import FirstDialog from '../model/FirstDialog';
-import router from '@ohos.router';
 @Entry
 @Component
 struct PinchGuestureTest {
   @State X: number = 1;
   @State name: string = 'PinchGesture';
-  @State StepTips: string = '操作步骤：用手指触摸捏合图片（至少2根手指，最大为5指）'+'\n'+'预期结果：图片能够被正常捏合放缩';
+  @State StepTips: string = '操作步骤：两根手指触摸捏合图片'+'\n'+'预期结果：图片能够被正常捏合放缩';
   @State Vue: boolean = false;
   async aboutToAppear(){
     await FirstDialog.ChooseDialog(this.StepTips,this.name);
diff --git a/validator/acts_validator/src/main/ets/pages/ArkUI/RotationGestureTest.ets b/validator/acts_validator/src/main/ets/pages/ArkUI/RotationGestureTest.ets
index f35e0c87dcac37eee6721fb4ac3a8d9f5af6dfc6..91ca3e14f1365160e3fc4fef89c51608b1dbdf99 100644
--- a/validator/acts_validator/src/main/ets/pages/ArkUI/RotationGestureTest.ets
+++ b/validator/acts_validator/src/main/ets/pages/ArkUI/RotationGestureTest.ets
@@ -12,15 +12,15 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+import router from '@ohos.router';
 import {CustomContainer} from '../common/CustomContainer2';
 import FirstDialog from '../model/FirstDialog';
-import router from '@ohos.router';
 @Entry
 @Component
 struct RotationGuestureTest {
   @State X: number = 0;
   @State name: string = 'RotationGesture';
-  @State StepTips: string = '操作步骤：用至少两根手指旋转图像（最多五根手指）'+'\n'+'预期结果：图片能够正常旋转';
+  @State StepTips: string = '操作步骤：两根手指旋转图像'+'\n'+'预期结果：图片能够正常旋转且文本旋转角度显示正常';
   @State Vue: boolean = false;
   async aboutToAppear(){
     await FirstDialog.ChooseDialog(this.StepTips,this.name);
diff --git a/validator/acts_validator/src/main/ets/pages/ArkUI/ScrollListTest.ets b/validator/acts_validator/src/main/ets/pages/ArkUI/ScrollListTest.ets
index c1f6c6f5fc0623ed1737649e34f1e28878b7fbcc..e3ed9bc74dd820530ad2ed7088ec7293ae697f77 100644
--- a/validator/acts_validator/src/main/ets/pages/ArkUI/ScrollListTest.ets
+++ b/validator/acts_validator/src/main/ets/pages/ArkUI/ScrollListTest.ets
@@ -12,15 +12,16 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+import router from '@ohos.router';
 import {CustomContainer} from '../common/CustomContainer';
 import FirstDialog from '../model/FirstDialog';
-import router from '@ohos.router';
 @Entry
 @Component
 struct CustomContainerUser {
   private listArr: number[] = Array.from(new Array(50).keys());
   @State name: string = 'ScrollingList';
-  @State StepTips: string = '操作步骤：滑动列表观察是否能正常滑动'+'\n'+'预期结果：列表滑动正常';
+  @State StepTips: string = '操作步骤：滑动列表观察是否能上下滑动'+'\n'
+  +'预期结果：列表从Item#1滑动至Item#50，并且从#Item50滑动至#Item1，滑动正常，无卡顿';
   @State Vue: boolean = false;
   async aboutToAppear(){
     await FirstDialog.ChooseDialog(this.StepTips,this.name);
diff --git a/validator/acts_validator/src/main/ets/pages/ArkUI/SwipeGestureTest.ets b/validator/acts_validator/src/main/ets/pages/ArkUI/SwipeGestureTest.ets
index 2075adc7aadc7e1c88936209c549d750028fa122..f58a7280a383dcc642ac904eaf58ea1f8fc4947e 100644
--- a/validator/acts_validator/src/main/ets/pages/ArkUI/SwipeGestureTest.ets
+++ b/validator/acts_validator/src/main/ets/pages/ArkUI/SwipeGestureTest.ets
@@ -12,16 +12,16 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+import router from '@ohos.router';
 import {CustomContainer} from '../common/CustomContainer3';
 import FirstDialog from '../model/FirstDialog';
-import router from '@ohos.router';
 @Entry
 @Component
 struct SwipeGestureTest {
   @State X : number = 0;
   @State Y : number = 0;
   @State name: string = 'SwipeGesture';
-  @State StepTips: string = '操作步骤：用至少一根手指滑动图像（最多十根手指）'+'\n'+'预期结果：图片正常滑动，手势滑动角度及速度显示正常';
+  @State StepTips: string = '操作步骤：手指上下滑动图像'+'\n'+'预期结果：图片正常滑动，手势滑动角度及速度显示正常';
   @State Vue: boolean = false;
   async aboutToAppear(){
     await FirstDialog.ChooseDialog(this.StepTips,this.name);
diff --git a/validator/acts_validator/src/main/ets/pages/ArkUI/TapGesture.ets b/validator/acts_validator/src/main/ets/pages/ArkUI/TapGesture.ets
index 37cb69ad70896b834305724dea836be91e77f68e..8a93e6a1405b6a072b7d2a829459ab7773c6aed8 100644
--- a/validator/acts_validator/src/main/ets/pages/ArkUI/TapGesture.ets
+++ b/validator/acts_validator/src/main/ets/pages/ArkUI/TapGesture.ets
@@ -12,15 +12,15 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+import router from '@ohos.router';
 import {CustomContainer} from '../common/CustomContainer4';
 import FirstDialog from '../model/FirstDialog';
-import router from '@ohos.router';
 @Entry
 @Component
 struct TapGestureExample {
   @State value: string = '';
   @State name: string = 'TapGesture';
-  @State StepTips: string = '操作步骤：用至少一根手指连续双击图像（最多十根手指）'+'\n'+'预期结果：双击图片后文本提示正常弹出';
+  @State StepTips: string = '操作步骤：手指连续双击图像'+'\n'+'预期结果：双击图片后文本提示正常弹出';
   @State Vue: boolean = false;
   async aboutToAppear(){
     await FirstDialog.ChooseDialog(this.StepTips,this.name);
diff --git a/validator/acts_validator/src/main/ets/pages/Experience/CameraColdStartTest.ets b/validator/acts_validator/src/main/ets/pages/Experience/CameraColdStartTest.ets
index 8aec97cfb973e378609d94d2407207fc7d3cf3c9..fc753031a9ab7eeba50c1f5a0ee995acc268f262 100644
--- a/validator/acts_validator/src/main/ets/pages/Experience/CameraColdStartTest.ets
+++ b/validator/acts_validator/src/main/ets/pages/Experience/CameraColdStartTest.ets
@@ -25,7 +25,7 @@ let CameraColdPath = path + '/ColdStartCamera.log';
 @Component
 struct CustomContainerUser {
   @State name: string = 'CameraColdStart';
-  @State StepTips: string = '操作步骤：根据操作提示运行脚本文件，启动应用'+'\n'+'预期结果：所有应用冷启动时延低于2000ms则测试通过';
+  @State StepTips: string = '操作步骤：根据操作提示运行脚本文件，启动应用'+'\n'+'预期结果：所有应用冷启动时延小于2000ms则测试通过';
   @State Vue: boolean = false;
   @State StartEnable: boolean = true;
   @State num: number = 0;
@@ -48,9 +48,10 @@ struct CustomContainerUser {
               .fontColor(Color.White).fontSize('24fp')
           }
           Row(){
-            Text(`测试步骤:`+ '\n' + '\n' + `1.点击开始键进入系统桌面`+ '\n' + '\n' + `2.清空后台应用,将底层任务栏中应用拖至桌面`
-            + '\n' + '\n' + `3.双击执行.bat选择冷启动>相机测试，回车执行`+ '\n' + '\n' +`4.测试应用自动执行冷启动后手动返回validator界面`
-            + '\n' + '\n' + '5.点击停止键观察测试结果' + '\n' + '\n' + `6.若冷启动测试在规定时延内完成则通过测试` + '\n' + '\n' )
+            Text(`测试步骤:`+ '\n' + '\n' + '1.测试设备通过USB连接工作台' + '\n' + '\n' + `2.点击开始键进入系统桌面` + '\n' + '\n'
+            + `3.清空后台应用,将底层任务栏中应用拖至桌面` + '\n' + '\n' + `4.工作台运行‘点击启动测试.bat’选择冷启动>相机测试，回车执行`
+            + '\n' + '\n' +`5.测试应用自动执行冷启动后手动返回validator界面` + '\n' + '\n' + '6.点击结束键观察测试结果'
+            + '\n' + '\n' + `7.若冷启动测试在规定时延内完成则通过测试` + '\n' + '\n' )
               .fontColor(Color.White).fontSize('20fp')
           }
           Row(){
diff --git a/validator/acts_validator/src/main/ets/pages/Experience/ContactsColdStartTest.ets b/validator/acts_validator/src/main/ets/pages/Experience/ContactsColdStartTest.ets
index e32acfef994a29bf9c775c6163f41fa0cadca074..b3ef11f18498359c2a24470ea3f5400e01ddbe1b 100644
--- a/validator/acts_validator/src/main/ets/pages/Experience/ContactsColdStartTest.ets
+++ b/validator/acts_validator/src/main/ets/pages/Experience/ContactsColdStartTest.ets
@@ -25,7 +25,7 @@ let ContactsColdPath = path + '/ColdStartContacts.log';
 @Component
 struct CustomContainerUser {
   @State name: string = 'ContactsColdStart';
-  @State StepTips: string = '操作步骤：根据操作提示运行脚本文件，启动应用'+'\n'+'预期结果：所有应用冷启动时延低于2000ms则测试通过';
+  @State StepTips: string = '操作步骤：根据操作提示运行脚本文件，启动应用'+'\n'+'预期结果：所有应用冷启动时延小于2000ms则测试通过';
   @State Vue: boolean = false;
   @State StartEnable: boolean = true;
   @State num: number = 0;
@@ -48,9 +48,10 @@ struct CustomContainerUser {
               .fontColor(Color.White).fontSize('24fp')
           }
           Row(){
-            Text(`测试步骤:`+ '\n' + '\n' + `1.点击开始键进入系统桌面`+ '\n' + '\n' + `2.清空后台应用,将底层任务栏中应用拖至桌面`
-            + '\n' + '\n' + `3.双击执行.bat选择冷启动>联系人测试，回车执行`+ '\n' + '\n' +`4.测试应用自动执行冷启动后手动返回validator界面`
-            + '\n' + '\n' + '5.点击停止键观察测试结果' + '\n' + '\n' + `6.若冷启动测试在规定时延内完成则通过测试` + '\n' + '\n' )
+            Text(`测试步骤:`+ '\n' + '\n' + '1.测试设备通过USB连接工作台' + '\n' + '\n' + `2.点击开始键进入系统桌面` + '\n' + '\n'
+            + `3.清空后台应用,将底层任务栏中应用拖至桌面` + '\n' + '\n' + `4.工作台运行‘点击启动测试.bat’选择冷启动>联系人测试，回车执行`
+            + '\n' + '\n' +`5.测试应用自动执行冷启动后手动返回validator界面` + '\n' + '\n' + '6.点击结束键观察测试结果'
+            + '\n' + '\n' + `7.若冷启动测试在规定时延内完成则通过测试` + '\n' + '\n' )
               .fontColor(Color.White).fontSize('20fp')
           }
           Row(){
diff --git a/validator/acts_validator/src/main/ets/pages/Experience/ContactsHotStartTest.ets b/validator/acts_validator/src/main/ets/pages/Experience/ContactsHotStartTest.ets
index 65c94da0df37e1e45a5fce29a94eb17e44c27f32..d601f7f4e7e8c0fa96a4a0c1ef19675eaa0216f8 100644
--- a/validator/acts_validator/src/main/ets/pages/Experience/ContactsHotStartTest.ets
+++ b/validator/acts_validator/src/main/ets/pages/Experience/ContactsHotStartTest.ets
@@ -25,7 +25,7 @@ let ContactsColdPath = path + '/HotStartContacts.log';
 @Component
 struct CustomContainerUser {
   @State name: string = 'ContactsHotStart';
-  @State StepTips: string = '操作步骤：根据操作提示运行脚本文件，启动应用'+'\n'+'预期结果：所有应用热启动时延低于1000ms则测试通过';
+  @State StepTips: string = '操作步骤：根据操作提示运行脚本文件，启动应用'+'\n'+'预期结果：所有应用热启动时延小于1000ms则测试通过';
   @State Vue: boolean = false;
   @State StartEnable: boolean = true;
   @State num: number = 0;
@@ -48,10 +48,10 @@ struct CustomContainerUser {
               .fontColor(Color.White).fontSize('24fp')
           }
           Row(){
-            Text(`测试步骤:`+ '\n' + '\n' + `1.点击开始键进入系统桌面`+ '\n' + '\n' + `2.开启应用回退到桌面，保证此时后台应用存在`
-            + '\n' + '\n' + `3.双击执行.bat选择热启动>联系人测试`+ '\n' + '\n' +`4.测试应用手动执行热启动返回validator界面`
-            + '\n' + '\n' + '5.点击停止键观察测试结果' + '\n' + '\n' + `6.若所有热启动测试均在规定时延内完成则通过测试`
-            + '\n' + '\n' + '\n' + '\n' )
+            Text(`测试步骤:`+ '\n' + '\n' + '1.测试设备通过USB连接工作台' + '\n' + '\n' + `2.点击开始键进入系统桌面`+ '\n' + '\n'
+            + `3.开启联系人应用回退到桌面，保证此时后台应用存在` + '\n' + '\n' + `4.工作台运行’点击启动测试.bat‘选择热启动>联系人测试`+ '\n' + '\n' +
+            `5.测试应用手动执行热启动返回validator界面` + '\n' + '\n' + '6.点击结束键观察测试结果' + '\n' + '\n'
+            + `7.若所有热启动测试均在规定时延内完成则通过测试` + '\n' + '\n' + '\n' + '\n' )
               .fontColor(Color.White).fontSize('20fp')
           }
           Row(){
diff --git a/validator/acts_validator/src/main/ets/pages/Experience/DeskFps.ets b/validator/acts_validator/src/main/ets/pages/Experience/DeskFps.ets
index df988a40beae48950667c55e6f6369a018db9db0..e7b570dd5ab6ac6e20cc21431ebf37ca880e663f 100644
--- a/validator/acts_validator/src/main/ets/pages/Experience/DeskFps.ets
+++ b/validator/acts_validator/src/main/ets/pages/Experience/DeskFps.ets
@@ -26,7 +26,7 @@ let Xpath = path + '/DeskFps.log'
 @Component
 struct CustomContainerUser {
   @State name: string = 'DeskFps';
-  @State StepTips: string = '操作步骤：根据操作提示滑动系统桌面测试帧率'+'\n'+'预期结果：帧率高于54帧测试通过';
+  @State StepTips: string = '操作步骤：根据操作提示滑动系统桌面测试帧率'+'\n'+'预期结果：帧率大于54帧测试通过';
   @State Vue: boolean = false;
   @State StartEnable: boolean = true;
   @State Fps: string = '0';
@@ -44,9 +44,9 @@ struct CustomContainerUser {
               .fontColor(Color.White).fontSize('24fp')
           }
           Row(){
-            Text(`测试步骤:`+ '\n' + '\n' + `1.点击开始键进入系统桌面`+ '\n' + '\n'
-            + `2.双击执行.bat选择帧率>桌面`+ '\n' + '\n' +`3.左右滑动系统桌面连续10s以上` + '\n' + '\n'
-            + '4.回到DeskFps测试项点击停止键' + '\n' + '\n' + `5.若测试最高帧率大于54帧则通过测试`
+            Text(`测试步骤:`+ '\n' + '\n' + '1.测试设备通过USB连接工作台' + '\n' + '\n' + `2.点击开始键进入系统桌面`+ '\n' + '\n'
+            + `3.工作台运行’点击启动测试.bat‘选择帧率>桌面`+ '\n' + '\n' +`4.左右滑动系统桌面连续10s以上` + '\n' + '\n'
+            + '5.回到DeskFps测试项点击结束键' + '\n' + '\n' + `6.若测试最高帧率大于54帧则通过测试`
             + '\n' + '\n' + '\n' + '\n' + '\n' + '\n' + '\n' + '\n' )
               .fontColor(Color.White).fontSize('20fp')
           }
diff --git a/validator/acts_validator/src/main/ets/pages/Experience/KeyboardDisplayTest.ets b/validator/acts_validator/src/main/ets/pages/Experience/KeyboardDisplayTest.ets
index 8e72fd62410814f69cece2f7eed2ad5a9dde4576..c47b96f38a224a1377c05a5601089f7985b0d28a 100644
--- a/validator/acts_validator/src/main/ets/pages/Experience/KeyboardDisplayTest.ets
+++ b/validator/acts_validator/src/main/ets/pages/Experience/KeyboardDisplayTest.ets
@@ -24,7 +24,7 @@ let Xpath = path + '/CompleteTimeKeyboard.log';
 @Component
 struct CustomContainerUser {
   @State name: string = 'KeyboardDisplay';
-  @State StepTips: string = '操作步骤：根据操作提示点击输入框等待键盘加载'+'\n'+'预期结果：输入键盘弹出时延低于1000ms测试通过';
+  @State StepTips: string = '操作步骤：根据操作提示点击输入框等待键盘加载'+'\n'+'预期结果：输入键盘弹出时延小于1000ms测试通过';
   @State Vue: boolean = false;
   @State StartEnable: boolean = true;
   @State time: string = '0';
@@ -42,10 +42,10 @@ struct CustomContainerUser {
               .fontColor(Color.White).fontSize('24fp')
           }
           Row(){
-            Text(`测试步骤:`+ '\n' + '\n' + `1.点击开始键进入信息` + '\n' + '\n' +'2.新建一条信息显示输入框'+ '\n' + '\n'
-            + `3.双击执行.bat选择完成时延>键盘按键弹出`+ '\n' + '\n' +`4.点击输入框等待键盘弹出` + '\n' + '\n'
-            + '5.待脚本执行结束回到Validator点击停止键' + '\n' + '\n' + `6.若弹出键盘时延小于或等于1000ms则通过测试`
-            + '\n' + '\n' + '\n' + '\n' )
+            Text(`测试步骤:`+ '\n' + '\n' + '1.测试设备通过USB连接工作台' + '\n' + '\n' + `2.点击开始键进入信息` + '\n' + '\n' +
+            '3.新建一条信息显示输入框'+ '\n' + '\n' + `4.工作台运行’点击启动测试.bat‘选择完成时延>键盘按键弹出`+ '\n' + '\n' +
+            `5.点击输入框等待键盘弹出` + '\n' + '\n' + '6.待脚本执行结束回到Validator点击结束键' + '\n' + '\n'
+            + `7.若弹出键盘时延小于或等于1000ms则通过测试` + '\n' + '\n' + '\n' + '\n' )
               .fontColor(Color.White).fontSize('20fp')
           }
           Row(){
diff --git a/validator/acts_validator/src/main/ets/pages/Experience/KeyboardInputTest.ets b/validator/acts_validator/src/main/ets/pages/Experience/KeyboardInputTest.ets
index 69bfd71fa8128a54b030adef1208f0d50fb0e058..6bddd831c06da3f1dd62cb8b2b059098ba18cf1a 100644
--- a/validator/acts_validator/src/main/ets/pages/Experience/KeyboardInputTest.ets
+++ b/validator/acts_validator/src/main/ets/pages/Experience/KeyboardInputTest.ets
@@ -24,7 +24,7 @@ let Xpath = path + '/ResponseTimeKeyboard.log';
 @Component
 struct CustomContainerUser {
   @State name: string = 'KeyboardInput';
-  @State StepTips: string = '操作步骤：根据操作提示点击键盘按键'+'\n'+'预期结果：键盘输入响应时延低于150ms测试通过';
+  @State StepTips: string = '操作步骤：根据操作提示点击键盘按键'+'\n'+'预期结果：键盘输入响应时延小于150ms测试通过';
   @State Vue: boolean = false;
   @State StartEnable: boolean = true;
   @State time: string = '0';
@@ -42,10 +42,10 @@ struct CustomContainerUser {
               .fontColor(Color.White).fontSize('24fp')
           }
           Row(){
-            Text(`测试步骤:`+ '\n' + '\n' + `1.点击开始键进入信息` + '\n' + '\n' +'2.新建一条信息点击输入框打开键盘'+ '\n' + '\n'
-            + `3.双击执行.bat选择响应时延>键盘按键输入`+ '\n' + '\n' +`4.随意点击按键等待响应` + '\n' + '\n'
-            + '5.待脚本执行结束回到Validator点击停止键' + '\n' + '\n' + `6.若按键响应时延小于或等于150ms则通过测试`
-            + '\n' + '\n' + '\n' + '\n' )
+            Text(`测试步骤:`+ '\n' + '\n' + '1.测试设备通过USB连接工作台' + '\n' + '\n' + `2.点击开始键进入信息` + '\n' + '\n' +
+            '3.新建一条信息点击输入框打开键盘'+ '\n' + '\n' + `4.工作台运行’点击启动测试.bat‘选择响应时延>键盘按键输入`+ '\n' + '\n'
+            +`5.随意点击按键等待响应` + '\n' + '\n' + '6.待脚本执行结束回到Validator点击结束键' + '\n' + '\n' +
+            `7.若按键响应时延小于或等于150ms则通过测试` + '\n' + '\n' + '\n' + '\n' )
               .fontColor(Color.White).fontSize('20fp')
           }
           Row(){
diff --git a/validator/acts_validator/src/main/ets/pages/Experience/MmsColdStartTest.ets b/validator/acts_validator/src/main/ets/pages/Experience/MmsColdStartTest.ets
index cb6a20f3a7427a61d683675f5d0e9833f29d20cd..fa9ec944d5964390994ee97d5e25618815b1ed0f 100644
--- a/validator/acts_validator/src/main/ets/pages/Experience/MmsColdStartTest.ets
+++ b/validator/acts_validator/src/main/ets/pages/Experience/MmsColdStartTest.ets
@@ -25,7 +25,7 @@ let MmsColdPath = path + '/ColdStartMms.log';
 @Component
 struct CustomContainerUser {
   @State name: string = 'MmsColdStart';
-  @State StepTips: string = '操作步骤：根据操作提示运行脚本文件，启动应用'+'\n'+'预期结果：所有应用冷启动时延低于2000ms则测试通过';
+  @State StepTips: string = '操作步骤：根据操作提示运行脚本文件，启动应用'+'\n'+'预期结果：所有应用冷启动时延小于2000ms则测试通过';
   @State Vue: boolean = false;
   @State StartEnable: boolean = true;
   @State num: number = 0;
@@ -48,9 +48,10 @@ struct CustomContainerUser {
               .fontColor(Color.White).fontSize('24fp')
           }
           Row(){
-            Text(`测试步骤:`+ '\n' + '\n' + `1.点击开始键进入系统桌面`+ '\n' + '\n' + `2.清空后台应用,将底层任务栏中应用拖至桌面`
-            + '\n' + '\n' + `3.双击执行.bat选择冷启动>信息测试,回车执行`+ '\n' + '\n' +`4.测试应用自动执行冷启动后手动返回validator界面`
-            + '\n' + '\n' + '5.点击停止键观察测试结果' + '\n' + '\n' + `6.若冷启动测试在规定时延内完成则通过测试` + '\n' + '\n' )
+            Text(`测试步骤:`+ '\n' + '\n' + '1.测试设备通过USB连接工作台' + '\n' + '\n' + `2.点击开始键进入系统桌面` + '\n' + '\n'
+            + `3.清空后台应用,将底层任务栏中应用拖至桌面` + '\n' + '\n' + `4.工作台运行‘点击启动测试.bat’选择冷启动>信息测试，回车执行`
+            + '\n' + '\n' +`5.测试应用自动执行冷启动后手动返回validator界面` + '\n' + '\n' + '6.点击结束键观察测试结果'
+            + '\n' + '\n' + `7.若冷启动测试在规定时延内完成则通过测试` + '\n' + '\n' )
               .fontColor(Color.White).fontSize('20fp')
           }
           Row(){
diff --git a/validator/acts_validator/src/main/ets/pages/Experience/MmsHotStartTest.ets b/validator/acts_validator/src/main/ets/pages/Experience/MmsHotStartTest.ets
index a2e02fe32d6b5bea311aa8f4025d132de30283d9..c16a35f3f5bdd87ef498ef1ebb31c52f73ab9ce5 100644
--- a/validator/acts_validator/src/main/ets/pages/Experience/MmsHotStartTest.ets
+++ b/validator/acts_validator/src/main/ets/pages/Experience/MmsHotStartTest.ets
@@ -25,7 +25,7 @@ let MmsColdPath = path + '/HotStartMms.log';
 @Component
 struct CustomContainerUser {
   @State name: string = 'MmsHotStart';
-  @State StepTips: string = '操作步骤：根据操作提示运行脚本文件，启动应用'+'\n'+'预期结果：所有应用热启动时延低于1000ms则测试通过';
+  @State StepTips: string = '操作步骤：根据操作提示运行脚本文件，启动应用'+'\n'+'预期结果：所有应用热启动时延小于1000ms则测试通过';
   @State Vue: boolean = false;
   @State StartEnable: boolean = true;
   @State num: number = 0;
@@ -48,10 +48,10 @@ struct CustomContainerUser {
               .fontColor(Color.White).fontSize('24fp')
           }
           Row(){
-            Text(`测试步骤:`+ '\n' + '\n' + `1.点击开始键进入系统桌面`+ '\n' + '\n' + `2.开启应用回退到桌面，保证此时后台应用存在`
-            + '\n' + '\n' + `3.双击执行.bat选择热启动>信息测试`+ '\n' + '\n' +`4.测试应用手动执行热启动后返回validator界面`
-            + '\n' + '\n' + '5.点击停止键观察测试结果' + '\n' + '\n' + `5.若热启动测试在规定时延内完成则通过测试`
-            + '\n' + '\n' + '\n' + '\n' )
+            Text(`测试步骤:`+ '\n' + '\n' + '1.测试设备通过USB连接工作台' + '\n' + '\n' + `2.点击开始键进入系统桌面`+ '\n' + '\n'
+            + `3.开启信息应用回退到桌面，保证此时后台应用存在` + '\n' + '\n' + `4.工作台运行’点击启动测试.bat‘选择热启动>信息测试`+ '\n' + '\n' +
+            `5.测试应用手动执行热启动返回validator界面` + '\n' + '\n' + '6.点击结束键观察测试结果' + '\n' + '\n'
+            + `7.若所有热启动测试均在规定时延内完成则通过测试` + '\n' + '\n' + '\n' + '\n' )
               .fontColor(Color.White).fontSize('20fp')
           }
           Row(){
diff --git a/validator/acts_validator/src/main/ets/pages/Experience/PhotoFps.ets b/validator/acts_validator/src/main/ets/pages/Experience/PhotoFps.ets
index 71370173093a2f833dab5f32fc83e21e322aa00a..a8a9985cdb640233d53de5322cb15104373aad6c 100644
--- a/validator/acts_validator/src/main/ets/pages/Experience/PhotoFps.ets
+++ b/validator/acts_validator/src/main/ets/pages/Experience/PhotoFps.ets
@@ -24,7 +24,7 @@ let Xpath = path + '/PhotoFps.log';
 @Component
 struct CustomContainerUser {
   @State name: string = 'PhotoFps';
-  @State StepTips: string = '操作步骤：根据操作提示滑动图库测试帧率'+'\n'+'预期结果：帧率高于或等于54帧测试通过';
+  @State StepTips: string = '操作步骤：根据操作提示滑动图库测试帧率'+'\n'+'预期结果：帧率大于或等于54帧测试通过';
   @State Vue: boolean = false;
   @State StartEnable: boolean = true;
   @State Fps: string = '0';
@@ -42,10 +42,10 @@ struct CustomContainerUser {
               .fontColor(Color.White).fontSize('24fp')
           }
           Row(){
-            Text(`测试步骤:`+ '\n' + '\n' +`1.在图库中预置500张图片`+ '\n' + '\n' +`2.点击开始键进入图库`+ '\n' + '\n'
-            + `3.双击执行.bat选择帧率>图库`+ '\n' + '\n' +`4.滑动图库缩略图界面连续10s以上` + '\n' + '\n'
-            + '5.回到PhotoFps测试项点击停止键' + '\n' + '\n' + `6.若测试最高帧率大于或等于54帧则通过测试`
-            + '\n' + '\n' + '\n' + '\n' + '\n' + '\n' + '\n' + '\n' )
+            Text(`测试步骤:`+ '\n' + '\n' + '1.测试设备通过USB连接工作台' + '\n' + '\n' + `2.在图库中预置500张图片`+ '\n' + '\n'
+            + `3.点击开始键进入图库`+ '\n' + '\n' + `4.工作台运行’点击启动测试.bat‘选择帧率>图库`+ '\n' + '\n' +
+            `5.滑动图库缩略图界面连续10s以上` + '\n' + '\n' + '6.回到PhotoFps测试项点击结束键' + '\n' + '\n' +
+            `7.若测试最高帧率大于或等于54帧则通过测试` + '\n' + '\n' + '\n' + '\n' + '\n' + '\n' + '\n' + '\n' )
               .fontColor(Color.White).fontSize('20fp')
           }
           Row(){
diff --git a/validator/acts_validator/src/main/ets/pages/Experience/PhotosColdStartTest.ets b/validator/acts_validator/src/main/ets/pages/Experience/PhotosColdStartTest.ets
index ce19ab272444d22a21b03a61fa6676e69e5fbf40..6d463ed60d3d77fc1ff6d41f6af4532c13ea75ac 100644
--- a/validator/acts_validator/src/main/ets/pages/Experience/PhotosColdStartTest.ets
+++ b/validator/acts_validator/src/main/ets/pages/Experience/PhotosColdStartTest.ets
@@ -25,7 +25,7 @@ let PhotosColdPath = path + '/ColdStartPhotos.log';
 @Component
 struct CustomContainerUser {
   @State name: string = 'PhotosColdStart';
-  @State StepTips: string = '操作步骤：根据操作提示运行脚本文件，启动应用'+'\n'+'预期结果：所有应用冷启动时延低于2000ms则测试通过';
+  @State StepTips: string = '操作步骤：根据操作提示运行脚本文件，启动应用'+'\n'+'预期结果：所有应用冷启动时延小于2000ms则测试通过';
   @State Vue: boolean = false;
   @State StartEnable: boolean = true;
   @State num: number = 0;
@@ -48,9 +48,10 @@ struct CustomContainerUser {
               .fontColor(Color.White).fontSize('24fp')
           }
           Row(){
-            Text(`测试步骤:`+ '\n' + '\n' + `1.点击开始键进入系统桌面`+ '\n' + '\n' + `2.清空后台应用,将底层任务栏中应用拖至桌面`
-            + '\n' + '\n' + `3.双击执行.bat选择冷启动>图库测试,回车执行`+ '\n' + '\n' +`4.测试应用自动执行冷启动后手动返回validator界面`
-            + '\n' + '\n' + '5.点击停止键观察测试结果' + '\n' + '\n' + `6.若冷启动测试在规定时延内完成则通过测试` + '\n' + '\n' )
+            Text(`测试步骤:`+ '\n' + '\n' + '1.测试设备通过USB连接工作台' + '\n' + '\n' + `2.点击开始键进入系统桌面` + '\n' + '\n'
+            + `3.清空后台应用,将底层任务栏中应用拖至桌面` + '\n' + '\n' + `4.工作台运行‘点击启动测试.bat’选择冷启动>图库测试，回车执行`
+            + '\n' + '\n' +`5.测试应用自动执行冷启动后手动返回validator界面` + '\n' + '\n' + '6.点击结束键观察测试结果'
+            + '\n' + '\n' + `7.若冷启动测试在规定时延内完成则通过测试` + '\n' + '\n' )
               .fontColor(Color.White).fontSize('20fp')
           }
           Row(){
diff --git a/validator/acts_validator/src/main/ets/pages/Experience/PhotosHotStartTest.ets b/validator/acts_validator/src/main/ets/pages/Experience/PhotosHotStartTest.ets
index 67d7584be2eb2c767cd78e7a6c5e69f9bbfe279f..d953fe6528949fa1ffa4791a4431383022960680 100644
--- a/validator/acts_validator/src/main/ets/pages/Experience/PhotosHotStartTest.ets
+++ b/validator/acts_validator/src/main/ets/pages/Experience/PhotosHotStartTest.ets
@@ -25,7 +25,7 @@ let PhotosColdPath = path + '/HotStartPhotos.log';
 @Component
 struct CustomContainerUser {
   @State name: string = 'PhotosHotStart';
-  @State StepTips: string = '操作步骤：根据操作提示运行脚本文件，启动应用'+'\n'+'预期结果：所有应用热启动时延低于1000ms则测试通过';
+  @State StepTips: string = '操作步骤：根据操作提示运行脚本文件，启动应用'+'\n'+'预期结果：所有应用热启动时延小于1000ms则测试通过';
   @State Vue: boolean = false;
   @State StartEnable: boolean = true;
   @State num: number = 0;
@@ -48,10 +48,10 @@ struct CustomContainerUser {
               .fontColor(Color.White).fontSize('24fp')
           }
           Row(){
-            Text(`测试步骤:`+ '\n' + '\n' + `1.点击开始键进入系统桌面`+ '\n' + '\n' + `2.开启应用回退到桌面，保证此时后台应用存在`
-            + '\n' + '\n' + `3.双击执行.bat选择热启动>图库测试`+ '\n' + '\n' +`4.测试应用手动执行热启动后返回validator界面`
-            + '\n' + '\n' + '5.点击停止键观察测试结果' + '\n' + '\n' + `5.若热启动测试在规定时延内完成则通过测试`
-            + '\n' + '\n' + '\n' + '\n' )
+            Text(`测试步骤:`+ '\n' + '\n' + '1.测试设备通过USB连接工作台' + '\n' + '\n' + `2.点击开始键进入系统桌面`+ '\n' + '\n'
+            + `3.开启图库应用回退到桌面，保证此时后台应用存在` + '\n' + '\n' + `4.工作台运行’点击启动测试.bat‘选择热启动>图库测试`+ '\n' + '\n' +
+            `5.测试应用手动执行热启动返回validator界面` + '\n' + '\n' + '6.点击结束键观察测试结果' + '\n' + '\n'
+            + `7.若所有热启动测试均在规定时延内完成则通过测试` + '\n' + '\n' + '\n' + '\n' )
               .fontColor(Color.White).fontSize('20fp')
           }
           Row(){
diff --git a/validator/acts_validator/src/main/ets/pages/Experience/ScrollPhotosList.ets b/validator/acts_validator/src/main/ets/pages/Experience/ScrollPhotosList.ets
index 68dadae72800ef076b249737a5195c4c145d3973..642560ddc3c658ba6d146415ca8b18af8dbd573a 100644
--- a/validator/acts_validator/src/main/ets/pages/Experience/ScrollPhotosList.ets
+++ b/validator/acts_validator/src/main/ets/pages/Experience/ScrollPhotosList.ets
@@ -24,7 +24,7 @@ let Xpath = path + '/ResponseTimePhotos.log';
 @Component
 struct CustomContainerUser {
   @State name: string = 'ScrollPhotosList';
-  @State StepTips: string = '操作步骤：根据操作提示滑动图库缩略表'+'\n'+'预期结果：滑动响应时延低于150ms测试通过';
+  @State StepTips: string = '操作步骤：根据操作提示滑动图库缩略表'+'\n'+'预期结果：滑动响应时延小于150ms测试通过';
   @State Vue: boolean = false;
   @State StartEnable: boolean = true;
   @State time: string = '0';
@@ -42,10 +42,10 @@ struct CustomContainerUser {
               .fontColor(Color.White).fontSize('24fp')
           }
           Row(){
-            Text(`测试步骤:`+ '\n' + '\n' +`1.在图库中预置500张图片`+ '\n' + '\n' +`2.点击开始键进入图库`+ '\n' + '\n'
-            + `3.双击执行.bat选择响应时延>图库缩略列表滑动`+ '\n' + '\n' +`4.滑动图库缩略列表等待响应` + '\n' + '\n'
-            + '5.待脚本执行结束回到Validator点击停止键' + '\n' + '\n' + `6.若滑动响应时延小于或等于150ms则通过测试`
-            + '\n' + '\n' + '\n' + '\n' )
+            Text(`测试步骤:`+ '\n' + '\n' + '1.测试设备通过USB连接工作台' + '\n' + '\n' + `2.在图库中预置500张图片`+ '\n' + '\n'
+            +`3.点击开始键进入图库`+ '\n' + '\n' + `4.工作台运行’点击启动测试.bat‘选择响应时延>图库缩略列表滑动`+ '\n' + '\n' +
+            `5.滑动图库缩略列表等待响应` + '\n' + '\n' + '6.待脚本执行结束回到Validator点击结束键' + '\n' + '\n' +
+            `7.若滑动响应时延小于或等于150ms则通过测试` + '\n' + '\n' + '\n' + '\n' )
               .fontColor(Color.White).fontSize('20fp')
           }
           Row(){
diff --git a/validator/acts_validator/src/main/ets/pages/Experience/SettingsColdStartTest.ets b/validator/acts_validator/src/main/ets/pages/Experience/SettingsColdStartTest.ets
index 59c7f4a9c1c17b79a3426ebd4d5e840375bc74cf..f81e9767c6705f2bb9181d3c4863b13c393be7be 100644
--- a/validator/acts_validator/src/main/ets/pages/Experience/SettingsColdStartTest.ets
+++ b/validator/acts_validator/src/main/ets/pages/Experience/SettingsColdStartTest.ets
@@ -25,7 +25,7 @@ let SettingsColdPath = path + '/ColdStartSetting.log';
 @Component
 struct CustomContainerUser {
   @State name: string = 'SettingsColdStart';
-  @State StepTips: string = '操作步骤：根据操作提示运行脚本文件，启动应用'+'\n'+'预期结果：所有应用冷启动时延低于2000ms则测试通过';
+  @State StepTips: string = '操作步骤：根据操作提示运行脚本文件，启动应用'+'\n'+'预期结果：所有应用冷启动时延小于2000ms则测试通过';
   @State Vue: boolean = false;
   @State StartEnable: boolean = true;
   @State num: number = 0;
@@ -48,9 +48,10 @@ struct CustomContainerUser {
               .fontColor(Color.White).fontSize('24fp')
           }
           Row(){
-            Text(`测试步骤:`+ '\n' + '\n' + `1.点击开始键进入系统桌面`+ '\n' + '\n' + `2.清空后台应用,将底层任务栏中应用拖至桌面`
-            + '\n' + '\n' + `3.双击执行.bat选择冷启动>设置测试,回车执行`+ '\n' + '\n' +`4.测试应用自动执行冷启动后手动返回validator界面`
-            + '\n' + '\n' + '5.点击停止键观察测试结果' + '\n' + '\n' + `6.若冷启动测试在规定时延内完成则通过测试` + '\n' + '\n' )
+            Text(`测试步骤:`+ '\n' + '\n' + '1.测试设备通过USB连接工作台' + '\n' + '\n' + `2.点击开始键进入系统桌面` + '\n' + '\n'
+            + `3.清空后台应用,将底层任务栏中应用拖至桌面` + '\n' + '\n' + `4.工作台运行‘点击启动测试.bat’选择冷启动>设置测试，回车执行`
+            + '\n' + '\n' +`5.测试应用自动执行冷启动后手动返回validator界面` + '\n' + '\n' + '6.点击结束键观察测试结果'
+            + '\n' + '\n' + `7.若冷启动测试在规定时延内完成则通过测试` + '\n' + '\n' )
               .fontColor(Color.White).fontSize('20fp')
           }
           Row(){
diff --git a/validator/acts_validator/src/main/ets/pages/Experience/SettingsHotStartTest.ets b/validator/acts_validator/src/main/ets/pages/Experience/SettingsHotStartTest.ets
index b397994a5da069cd3cd1435195346df3bedb1ef8..68838846ed254e3d83f85d06f544fc8b6574311d 100644
--- a/validator/acts_validator/src/main/ets/pages/Experience/SettingsHotStartTest.ets
+++ b/validator/acts_validator/src/main/ets/pages/Experience/SettingsHotStartTest.ets
@@ -25,7 +25,7 @@ let SettingsColdPath = path + '/HotStartSetting.log';
 @Component
 struct CustomContainerUser {
   @State name: string = 'SettingsHotStart';
-  @State StepTips: string = '操作步骤：根据操作提示运行脚本文件，启动应用'+'\n'+'预期结果：所有应用热启动时延低于1000ms则测试通过';
+  @State StepTips: string = '操作步骤：根据操作提示运行脚本文件，启动应用'+'\n'+'预期结果：所有应用热启动时延小于1000ms则测试通过';
   @State Vue: boolean = false;
   @State StartEnable: boolean = true;
   @State num: number = 0;
@@ -48,10 +48,10 @@ struct CustomContainerUser {
               .fontColor(Color.White).fontSize('24fp')
           }
           Row(){
-            Text(`测试步骤:`+ '\n' + '\n' + `1.点击开始键进入系统桌面`+ '\n' + '\n' + `2.开启应用回退到桌面，保证此时后台应用存在`
-            + '\n' + '\n' + `3.双击执行.bat选择热启动>设置测试`+ '\n' + '\n' +`4.测试应用手动执行热启动后返回validator界面`
-            + '\n' + '\n' + '5.点击停止键观察测试结果' + '\n' + '\n' + `5.若热启动测试在规定时延内完成则通过测试`
-            + '\n' + '\n' + '\n' + '\n' )
+            Text(`测试步骤:`+ '\n' + '\n' + '1.测试设备通过USB连接工作台' + '\n' + '\n' + `2.点击开始键进入系统桌面`+ '\n' + '\n'
+            + `3.开启设置应用回退到桌面，保证此时后台应用存在` + '\n' + '\n' + `4.工作台运行’点击启动测试.bat‘选择热启动>设置测试`+ '\n' + '\n' +
+            `5.测试应用手动执行热启动返回validator界面` + '\n' + '\n' + '6.点击结束键观察测试结果' + '\n' + '\n'
+            + `7.若所有热启动测试均在规定时延内完成则通过测试` + '\n' + '\n' + '\n' + '\n' )
               .fontColor(Color.White).fontSize('20fp')
           }
           Row(){
diff --git a/validator/acts_validator/src/main/ets/pages/Experience/StartBackgroundTask.ets b/validator/acts_validator/src/main/ets/pages/Experience/StartBackgroundTask.ets
index 0af446263a9e414ccdef04528b49673adbabd8b1..7ed776295bafb524b733a782d74a7effb8cfa97a 100644
--- a/validator/acts_validator/src/main/ets/pages/Experience/StartBackgroundTask.ets
+++ b/validator/acts_validator/src/main/ets/pages/Experience/StartBackgroundTask.ets
@@ -26,7 +26,7 @@ let Xpath = path + '/CompleteTimeLauncher.log';
 @Component
 struct CustomContainerUser {
   @State name: string = 'StartBackgroundTask';
-  @State StepTips: string = '操作步骤：根据操作提示打开后台任务'+'\n'+'预期结果：打开后台任务时延低于600ms测试通过';
+  @State StepTips: string = '操作步骤：根据操作提示打开后台任务'+'\n'+'预期结果：打开后台任务时延小于600ms测试通过';
   @State Vue: boolean = false;
   @State StartEnable: boolean = true;
   @State time: string = '0';
@@ -44,9 +44,10 @@ struct CustomContainerUser {
               .fontColor(Color.White).fontSize('24fp')
           }
           Row(){
-            Text(`测试步骤:`+ '\n' + '\n' +`1.点击开始键进入桌面开启任务管理器` + '\n' + '\n' + `2.双击执行.bat选择完成时延>后台任务切换`+
-            '\n' + '\n' +`3.随意点开一个后台任务` + '\n' + '\n' + '4.待脚本执行结束回到Validator点击停止键'
-            + '\n' + '\n' + `5.若打开后台任务时延小于或等于600ms则通过测试` + '\n' + '\n' + '\n' + '\n' )
+            Text(`测试步骤:`+ '\n' + '\n' + '1.测试设备通过USB连接工作台' + '\n' + '\n' + `2.点击开始键进入桌面开启任务管理器`
+            + '\n' + '\n' + `3.工作台运行’点击启动测试.bat‘选择完成时延>后台任务切换`+ '\n' + '\n' +`4.随意点开一个后台任务`
+            + '\n' + '\n' + '5.待脚本执行结束回到Validator点击结束键' + '\n' + '\n' +
+            `6.若打开后台任务时延小于或等于600ms则通过测试` + '\n' + '\n' + '\n' + '\n' )
               .fontColor(Color.White).fontSize('20fp')
           }
           Row(){
diff --git a/validator/acts_validator/src/main/ets/pages/Experience/StartNotification.ets b/validator/acts_validator/src/main/ets/pages/Experience/StartNotification.ets
index d5b4bb5f951fe4d836572d5e486ca6c92f9348d6..033acd324ca8a78e93463d0c10c60be8bbc9710a 100644
--- a/validator/acts_validator/src/main/ets/pages/Experience/StartNotification.ets
+++ b/validator/acts_validator/src/main/ets/pages/Experience/StartNotification.ets
@@ -26,7 +26,7 @@ let Xpath = path + '/ResponseTimeLauncher.log';
 @Component
 struct CustomContainerUser {
   @State name: string = 'StartNotification';
-  @State StepTips: string = '操作步骤：根据操作提示下拉通知栏'+'\n'+'预期结果：下拉通知栏时延低于150ms测试通过';
+  @State StepTips: string = '操作步骤：根据操作提示下拉通知栏'+'\n'+'预期结果：下拉通知栏时延小于150ms测试通过';
   @State Vue: boolean = false;
   @State StartEnable: boolean = true;
   @State time: string = '0';
@@ -44,9 +44,10 @@ struct CustomContainerUser {
               .fontColor(Color.White).fontSize('24fp')
           }
           Row(){
-            Text(`测试步骤:`+ '\n' + '\n' +`1.点击开始键进入桌面` + '\n' + '\n' + `2.双击执行.bat选择响应时延>下拉状态栏`+
-            '\n' + '\n' +`3.从屏幕顶部滑动下拉通知栏` + '\n' + '\n' + '4.待脚本执行结束回到Validator点击停止键'
-            + '\n' + '\n' + `5.若下拉通知栏时延小于或等于150ms则通过测试` + '\n' + '\n' + '\n' + '\n' )
+            Text(`测试步骤:`+ '\n' + '\n' + '1.测试设备通过USB连接工作台' + '\n' + '\n' + `2.点击开始键进入桌面` + '\n' + '\n'
+            + `3.工作台运行’点击启动测试.bat‘选择响应时延>下拉状态栏`+ '\n' + '\n' +`4.从屏幕顶部滑动下拉通知栏` + '\n' + '\n'
+            + '5.待脚本执行结束回到Validator点击结束键' + '\n' + '\n' + `6.若下拉通知栏时延小于或等于150ms则通过测试` +
+            '\n' + '\n' + '\n' + '\n' )
               .fontColor(Color.White).fontSize('20fp')
           }
           Row(){
diff --git a/validator/acts_validator/src/main/ets/pages/Experience/StartTaskManager.ets b/validator/acts_validator/src/main/ets/pages/Experience/StartTaskManager.ets
index 7d649c06df442c2363c58532c0f97d6f13ea9a40..bc9712b88f10e504085a23da37198161d320d786 100644
--- a/validator/acts_validator/src/main/ets/pages/Experience/StartTaskManager.ets
+++ b/validator/acts_validator/src/main/ets/pages/Experience/StartTaskManager.ets
@@ -26,7 +26,7 @@ let Xpath = path + '/CompleteTimeLauncher.log';
 @Component
 struct CustomContainerUser {
   @State name: string = 'StartTaskManager';
-  @State StepTips: string = '操作步骤：根据操作提示打开任务管理器'+'\n'+'预期结果：打开任务管理器时延低于1000ms测试通过';
+  @State StepTips: string = '操作步骤：根据操作提示打开任务管理器'+'\n'+'预期结果：打开任务管理器时延小于1000ms测试通过';
   @State Vue: boolean = false;
   @State StartEnable: boolean = true;
   @State time: string = '0';
@@ -44,9 +44,10 @@ struct CustomContainerUser {
               .fontColor(Color.White).fontSize('24fp')
           }
           Row(){
-            Text(`测试步骤:`+ '\n' + '\n' +`1.点击开始键进入桌面` + '\n' + '\n' + `2.双击执行.bat选择完成时延>启动任务管理器`+
-            '\n' + '\n' +`3.点击右下角方框开启任务管理器` + '\n' + '\n' + '4.待脚本执行结束回到Validator点击停止键'
-            + '\n' + '\n' + `5.若启动任务管理器时延小于或等于1000ms则通过测试` + '\n' + '\n' + '\n' + '\n' )
+            Text(`测试步骤:`+ '\n' + '\n' + '1.测试设备通过USB连接工作台' + '\n' + '\n' + `2.点击开始键进入桌面` + '\n' + '\n'
+            + `3.工作台运行’点击启动测试.bat‘选择完成时延>启动任务管理器`+ '\n' + '\n' +`4.点击右下角方框开启任务管理器` + '\n' + '\n'
+            + '5.待脚本执行结束回到Validator点击结束键' + '\n' + '\n' + `6.若启动任务管理器时延小于或等于1000ms则通过测试`
+            + '\n' + '\n' + '\n' + '\n' )
               .fontColor(Color.White).fontSize('20fp')
           }
           Row(){
diff --git a/validator/acts_validator/src/main/ets/pages/Experience/ViewPhotoTest.ets b/validator/acts_validator/src/main/ets/pages/Experience/ViewPhotoTest.ets
index 9874972093cf25082c87f01fa28ac01fd25a421e..73ab3e596115ad36c14ffed2d336e72d2404b281 100644
--- a/validator/acts_validator/src/main/ets/pages/Experience/ViewPhotoTest.ets
+++ b/validator/acts_validator/src/main/ets/pages/Experience/ViewPhotoTest.ets
@@ -24,7 +24,7 @@ let Xpath = path + '/ResponseTimePhotos.log';
 @Component
 struct CustomContainerUser {
   @State name: string = 'ViewPhoto';
-  @State StepTips: string = '操作步骤：根据操作提示点击图片等待加载'+'\n'+'预期结果：图片响应时延低于150ms测试通过';
+  @State StepTips: string = '操作步骤：根据操作提示点击图片等待加载'+'\n'+'预期结果：图片响应时延小于150ms测试通过';
   @State Vue: boolean = false;
   @State StartEnable: boolean = true;
   @State time: string = '0';
@@ -42,10 +42,10 @@ struct CustomContainerUser {
               .fontColor(Color.White).fontSize('24fp')
           }
           Row(){
-            Text(`测试步骤:`+ '\n' + '\n' +`1.在图库中预置500张图片`+ '\n' + '\n' +`2.点击开始键进入图库`+ '\n' + '\n'
-            + `3.双击执行.bat选择响应时延>查看图片`+ '\n' + '\n' +`4.点击一张图库缩略图等待响应` + '\n' + '\n'
-            + '5.待脚本执行结束回到Validator点击停止键' + '\n' + '\n' + `6.若图片响应时延小于或等于150ms则通过测试`
-            + '\n' + '\n' + '\n' + '\n' )
+            Text(`测试步骤:`+ '\n' + '\n' + '1.测试设备通过USB连接工作台' + '\n' + '\n' + `2.在图库中预置500张图片`+ '\n' + '\n'
+            + `3.点击开始键进入图库`+ '\n' + '\n' + `4.工作台运行’点击启动测试.bat‘选择响应时延>查看图片` + '\n' + '\n' +
+            `5.点击一张图库缩略图等待响应` + '\n' + '\n' + '6.待脚本执行结束回到Validator点击结束键' + '\n' + '\n' +
+            `7.若图片响应时延小于或等于150ms则通过测试` + '\n' + '\n' + '\n' + '\n' )
               .fontColor(Color.White).fontSize('20fp')
           }
           Row(){
diff --git a/validator/acts_validator/src/main/ets/pages/index.ets b/validator/acts_validator/src/main/ets/pages/index.ets
index 6486106ef62365015a78034d6f51e782aa93c240..8a17e4068203535368c0444411b674b742673cd1 100644
--- a/validator/acts_validator/src/main/ets/pages/index.ets
+++ b/validator/acts_validator/src/main/ets/pages/index.ets
@@ -229,6 +229,9 @@ struct IndexPage {
     let StartTime = String.fromCharCode.apply(null, new Uint8Array(buf));
     let Index = StartTime.indexOf(';');
     let starttime = StartTime.substring(0,Index);
+    if(starttime === ''){
+      starttime = '*'
+    }
     let ArkUIReport;
     let AudioReport;
     let CameraReport;