Sfoglia il codice sorgente

style(aiChat): 为aiChat组件添加悬停交互效果

添加了悬停时的阴影、上移位移和边框颜色变化,提升交互体验
lsc 3 settimane fa
parent
commit
139c07c6a6
1 ha cambiato i file con 6 aggiunte e 0 eliminazioni
  1. 6 0
      src/components/CollapsibleToolbar/componets/aiChat.vue

+ 6 - 0
src/components/CollapsibleToolbar/componets/aiChat.vue

@@ -1328,6 +1328,12 @@ ul {
   position: relative;
   position: relative;
   overflow: hidden;
   overflow: hidden;
 
 
+  &:hover {
+    box-shadow: rgba(247, 139, 34, 0.1) 0px 10px 24px;
+    transform: translateY(-1px);
+    border-color: rgb(247, 139, 34);
+  }
+
   &.loading-state {
   &.loading-state {
     opacity: 0.7;
     opacity: 0.7;
     cursor: not-allowed;
     cursor: not-allowed;