diff --git a/src/core/view/components/checkbox/index.vue b/src/core/view/components/checkbox/index.vue
index 9655db2c0e81118313b0384e1d48d6e9d2cb1204..11d4880128d1bf36cd5e3dffe3ff7e4b3494943d 100644
--- a/src/core/view/components/checkbox/index.vue
+++ b/src/core/view/components/checkbox/index.vue
@@ -1,11 +1,12 @@
 <template>
-  <uni-checkbox
-    v-on="$listeners"
+  <uni-checkbox
+    :disable="disabled"
+    v-on="$listeners"
     @click="_onClick">
     <div class="uni-checkbox-wrapper">
-      <div
-        :class="[checkboxChecked ? 'uni-checkbox-input-checked' : '']"
-        :style="{color:color}"
+      <div
+        :class="[checkboxChecked ? 'uni-checkbox-input-checked' : '']"
+        :style="{color:color}"
         class="uni-checkbox-input" />
       <slot />
     </div>
@@ -97,12 +98,17 @@ export default {
 	uni-checkbox {
 		-webkit-tap-highlight-color: transparent;
 		display: inline-block;
+    cursor: pointer;
 	}
 
 	uni-checkbox[hidden] {
 		display: none;
 	}
 
+	uni-checkbox[disabled] {
+		cursor: not-allowed;
+	}
+
 	uni-checkbox .uni-checkbox-wrapper {
 		display: -webkit-inline-flex;
 		display: inline-flex;
@@ -124,6 +130,10 @@ export default {
 		position: relative;
 	}
 
+	uni-checkbox:not([disabled]) .uni-checkbox-input:hover {
+		border-color: #007aff;
+	}
+
 	uni-checkbox .uni-checkbox-input.uni-checkbox-input-checked {
 		color: #007aff;
 	}
@@ -150,4 +160,4 @@ export default {
 	uni-checkbox-group {
 		display: block;
 	}
-</style>
+</style>