diff --git a/html/document.less b/html/document.less
index 8f60351..6ebbd42 100644
--- a/html/document.less
+++ b/html/document.less
@@ -228,6 +228,7 @@ footer{
             }
         }
     }
+    transition: opacity .3s ease;;
     &[data-disabled="true"]{
         opacity: 0.5;
         pointer-events: none;
diff --git a/html/ui-switch.vue.js b/html/ui-switch.vue.js
index 8065c75..4b4ffd6 100644
--- a/html/ui-switch.vue.js
+++ b/html/ui-switch.vue.js
@@ -2,7 +2,8 @@ Vue.component('ui-switch',{
     template: `<span class="ui-switch-box" 
         :data-checked="value" 
         :data-disabled="disabled"
-        @click="_switch">
+        @touchend.prevent.stop="_switch"
+        @click.prevent.stop="_switch">
         <a class="switch" :style="{color}">
             <i class="slider"></i>
         </a>