fix: 优化 radio 组件鼠标显示效果

fix: radio disabled
dulei2085 · Feb 18, 2020 · cf7a1d7 · cf7a1d7
1 parent 9a3fa6c
commit cf7a1d7
Showing 1 changed file with 16 additions and 6 deletions.
diff --git a/src/core/view/components/radio/index.vue b/src/core/view/components/radio/index.vue
@@ -1,11 +1,12 @@
 <template>
-  <uni-radio
-    v-on="$listeners"
+  <uni-radio
+    :disabled="disabled"
+    v-on="$listeners"
     @click="_onClick">
     <div class="uni-radio-wrapper">
-      <div
-        :class="radioChecked ? 'uni-radio-input-checked' : ''"
-        :style="radioChecked ? checkedStyle : ''"
+      <div
+        :class="radioChecked ? 'uni-radio-input-checked' : ''"
+        :style="radioChecked ? checkedStyle : ''"
         class="uni-radio-input" />
       <slot />
     </div>
@@ -102,12 +103,17 @@ export default {
 	uni-radio {
 		-webkit-tap-highlight-color: transparent;
 		display: inline-block;
+		cursor: pointer;
 	}
 
 	uni-radio[hidden] {
 		display: none;
 	}
 
+	uni-radio[disabled] {
+		cursor: not-allowed;
+	}
+
 	uni-radio .uni-radio-wrapper {
 		display: -webkit-inline-flex;
 		display: inline-flex;
@@ -129,6 +135,10 @@ export default {
 		position: relative;
 	}
 
+	uni-radio:not([disabled]) .uni-radio-input:hover {
+		border-color: #007aff;
+	}
+
 	uni-radio .uni-radio-input.uni-radio-input-checked:before {
 		font: normal normal normal 14px/1 "uni";
 		content: "\EA08";
@@ -153,4 +163,4 @@ export default {
 	uni-radio-group {
 		display: block;
 	}
-</style>
+</style>