diff --git a/common/include/dialog_ui/js/pages/index/index.css b/common/include/dialog_ui/js/pages/index/index.css
index 997f0c8af087e0a65c72efeeddec3f8fd665cbf6..c33aa3aa6b83a0874dbaa034547c32d219de0f2a 100644
--- a/common/include/dialog_ui/js/pages/index/index.css
+++ b/common/include/dialog_ui/js/pages/index/index.css
@@ -7,35 +7,35 @@
 }
 
 .title {
-    font-size: 80px;
+    font-size: 70px;
     line-height: 150px;
     font-weight: 800;
 }
 
 .but {
-    width: 85%;
+    width: 90%;
     margin-top: 10%;
     text-align: center;
     height: 100px;
 }
 
 .but1 {
-    width: 30%;
+    width: 70%;
     height: 80px;
-    font-size: 50px;
+    font-size: 40px;
     margin-left: 10%;
 }
 
 .but2 {
     width: 30%;
     height: 80px;
-    font-size: 50px;
-    margin-left: 55%;
+    font-size: 40px;
+    margin-left: 10%;
 }
 
 
 .title-list {
-    font-size: 70px;
+    font-size: 60px;
     line-height: 100px;
-    font-weight: 800;
+    font-weight: 500;
 }
diff --git a/common/include/dialog_ui/js/pages/index/index.hml b/common/include/dialog_ui/js/pages/index/index.hml
index 0ab94e3af4aafb49db32d01fe08e57ae2e3c2835..4a689e272e87c59f32f11fb626795649dbb3f722 100644
--- a/common/include/dialog_ui/js/pages/index/index.hml
+++ b/common/include/dialog_ui/js/pages/index/index.hml
@@ -7,7 +7,7 @@
     </text>
     <div class="but">
     <button class="but1" onclick="onCancel" type="text">
-        取消
+        取消({{seconds}}秒)
     </button>
     <button class="but2" onclick="onConfirm" type="capsule">
         允许
diff --git a/common/include/dialog_ui/js/pages/index/index.js b/common/include/dialog_ui/js/pages/index/index.js
index 5597a1fb8ada44b09d3b87c5f8ea3a7c1461ae80..f579f6a3e554e0dcb02bd8e95b2e1e5577304402 100644
--- a/common/include/dialog_ui/js/pages/index/index.js
+++ b/common/include/dialog_ui/js/pages/index/index.js
@@ -1,12 +1,26 @@
 import router from '@ohos.router'
 
+var timel = null;
 export default {
     data: {
         message: router.getParams().targetPkgName,
+        seconds:60,
     },
     onInit() {
         console.info('getParams: ' + router.getParams());
     },
+    onShow() {
+        timel = setInterval(this.run,1000)
+    },
+    run() {
+        this.seconds--;
+        if (this.seconds == 0) {
+            clearInterval(timel);
+            timel = null;
+            console.info('click cancel');
+            callNativeHandler("EVENT_CONFIRM", "1");
+        }
+    },
     onConfirm() {
         console.info('click confirm');
         callNativeHandler("EVENT_CONFIRM", "0");
diff --git a/ext/input_pin_dialog/dialog_ui/js/pages/index/index.css b/ext/input_pin_dialog/dialog_ui/js/pages/index/index.css
index fc2207c2f9f7e3d00aa2e2d32073cbfbf2ea34ec..98f9c4fdc3d2edd65222529713d21a3f2c4aa020 100644
--- a/ext/input_pin_dialog/dialog_ui/js/pages/index/index.css
+++ b/ext/input_pin_dialog/dialog_ui/js/pages/index/index.css
@@ -15,13 +15,13 @@
 .title-list {
     font-size: 60px;
     line-height: 60px;
-    font-weight: 800;
+    font-weight: 600;
 }
 
 .title-error {
-    font-size: 30px;
+    font-size: 20px;
     line-height: 40px;
-    font-weight: 800;
+    font-weight: 500;
     color: #ff0000;
 }
 
@@ -41,13 +41,13 @@
 .but1 {
     width: 30%;
     height: 80px;
-    font-size: 50px;
+    font-size: 40px;
     margin-left: 10%;
 }
 
 .but2 {
     width: 30%;
     height: 80px;
-    font-size: 50px;
+    font-size: 40px;
     margin-left: 55%;
 }
\ No newline at end of file
diff --git a/ext/input_pin_dialog/dialog_ui/js/pages/index/index.hml b/ext/input_pin_dialog/dialog_ui/js/pages/index/index.hml
index c8edca3fb50de19ccbca16b9436c9f148c42cafb..84f217637922f7f11220581ad95ca82c435abbf6 100644
--- a/ext/input_pin_dialog/dialog_ui/js/pages/index/index.hml
+++ b/ext/input_pin_dialog/dialog_ui/js/pages/index/index.hml
@@ -6,11 +6,14 @@
         请输入另一个设备显示的PIN码进行验证
     </text>
     <input class="title-pin" id="input" type="number" onchange="onChange"></input>
+    <text class="title-error" id="error" show="{{isShow}}">
+        PIN码输入错误，请重新输入(3次：还有{{isTimes}}次机会)
+    </text>
     <div class="but">
-        <button class="but1" onclick="onCancel">
+        <button class="but1" onclick="onCancel" type="text">
             取消
         </button>
-        <button class="but2" onclick="onConfirm">
+        <button class="but2" onclick="onConfirm" type="capsule">
             确定
         </button>
     </div>
diff --git a/ext/input_pin_dialog/dialog_ui/js/pages/index/index.js b/ext/input_pin_dialog/dialog_ui/js/pages/index/index.js
index c68e1a3dd639e7f449fd306401e046a139abdc45..e0939720e623140eecc6fcb5e6dc5a1b12192369 100644
--- a/ext/input_pin_dialog/dialog_ui/js/pages/index/index.js
+++ b/ext/input_pin_dialog/dialog_ui/js/pages/index/index.js
@@ -6,6 +6,8 @@ var inputVal = 0;
 export default {
     data: {
         pincode: router.getParams().pinCode,
+        isShow:false,
+        isTimes:3,
     },
     onInit() {
         code = router.getParams().pinCode;
@@ -15,7 +17,7 @@ export default {
     }, 
     onConfirm() {
         numbs = numbs + 1;
-        if(numbs < 3){
+        if(numbs <= 3){
             console.info('click cancel numbs < 3 ');
             console.info('code: ' + code);
             console.info('inputVal: ' + inputVal);
@@ -24,6 +26,8 @@ export default {
             callNativeHandler("EVENT_INPUT", "0");
             }else{
             console.info('click cancel code != inputVal');
+            this.isShow = true;
+            this.isTimes = 3 - numbs;
             }
         }else{
             console.info('click cancel numbs > 3 ');
diff --git a/ext/show_pin_dialog/dialog_ui/js/pages/index/index.css b/ext/show_pin_dialog/dialog_ui/js/pages/index/index.css
index 4e83197eb87599519a190b689eceb3182591d24c..08279e9a3fdc796a6018f761a1fa9777b439bab2 100644
--- a/ext/show_pin_dialog/dialog_ui/js/pages/index/index.css
+++ b/ext/show_pin_dialog/dialog_ui/js/pages/index/index.css
@@ -15,7 +15,7 @@
 .title-list {
     font-size: 60px;
     line-height: 100px;
-    font-weight: 800;
+    font-weight: 600;
 }
 
 .title-pin {
@@ -26,6 +26,6 @@
 
 .but {
     width: 30%;
-    font-size: 50px;
+    font-size: 40px;
     height: 80px;
 }
\ No newline at end of file