fix(ip-address): fixip-address and autocomplete component style issues (

#2307)
opentiny · Oct 19, 2024 · 6524d21 · 6524d21
1 parent 75e25bf
commit 6524d21
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 8 deletions.
diff --git a/examples/sites/demos/pc/app/autocomplete/slot-composition-api.vue b/examples/sites/demos/pc/app/autocomplete/slot-composition-api.vue
@@ -78,14 +78,15 @@ function loadAll() {
 
 <style scoped>
 .demo-autocomplete .tiny-autocomplete {
-  width: 270px;
+  width: 300px;
 }
-.pend-slot, .fix-slot {
+.pend-slot,
+.fix-slot {
   margin-right: 12px;
 }
 
 .default-slot-buttom {
   font-size: 12px;
-  color: #a29b91
+  color: #a29b91;
 }
 </style>
diff --git a/examples/sites/demos/pc/app/autocomplete/slot.vue b/examples/sites/demos/pc/app/autocomplete/slot.vue
@@ -85,14 +85,15 @@ export default {
 
 <style scoped>
 .demo-autocomplete .tiny-autocomplete {
-  width: 270px;
+  width: 300px;
 }
-.pend-slot, .fix-slot {
+.pend-slot,
+.fix-slot {
   margin-right: 12px;
 }
 
 .default-slot-buttom {
   font-size: 12px;
-  color: #a29b91
+  color: #a29b91;
 }
 </style>
diff --git a/packages/theme/src/ip-address/index.less b/packages/theme/src/ip-address/index.less
@@ -27,6 +27,10 @@
   text-align: left;
   box-sizing: border-box;
 
+  &:has(> ul.disabled) {
+    cursor: not-allowed;
+  }
+
   &__input {
     position: relative;
     width: 100%;
@@ -48,7 +52,6 @@
     .placeholder(@color: var(--tv-IpAddress-normal-disabled-text-color)); //placeholder属性兼容处理
 
     &:hover {
-      cursor: pointer;
       border: 1px solid var(--tv-IpAddress-border-color-hover);
       color: var(--tv-IpAddress-normal-text-color);
       .placeholder(@color: var(--tv-IpAddress-normal-disabled-text-color));
@@ -106,7 +109,6 @@
         }
 
         &:hover {
-          cursor: pointer;
           color: var(--tv-IpAddress-normal-text-color);
         }