Merge branch 'kt-20250318'

src/TUIKit/TUIComponents/components/dialogTUi/index.vue

@@ -6,7 +6,7 @@
           <img class="iconMessage" src="../../assets/icon/icon-message.png" />
           {{title}}
         </h1>
-        <i class="icon icon-close3" @click="toggleView"></i>
+        <i class="icon icon-close3" style="cursor: pointer;" @click="toggleView"></i>
       </header>
       <div class="dialog-main-content">
         <slot />
@@ -119,9 +119,10 @@ export default defineComponent({
       height: 32Px;
       border: none;
       min-width: 68px;
-      padding: 0 18Px
-      // padding-left: 18Px;
-      // padding-right: 18Px;
+      padding: 0 18Px;
+      &:hover {
+        background: linear-gradient( 312deg, #4894F9 0%, #62C7FF 100%);
+      }
     }
     .btn:focus {
       outline: none;
@@ -132,6 +133,9 @@ export default defineComponent({
       font-weight: 600;
       color: #1E2022;
       border: none;
+      &:hover {
+        background: #E9EBF1;
+      }
     }
     .btn-no {
       opacity: 0.6;

src/TUIKit/TUIComponents/components/transferTUI/index.vue

@@ -470,9 +470,23 @@ export default defineComponent({
 <style lang="scss" scoped src="./style/transfer.scss"></style>
 <style lang="scss" scoped>
 ::v-deep(.n-input__placeholder span) {
-    color: #aaa;
-  }
+  color: #aaa;
+}
+::v-deep(.n-base-icon svg) {
+  color: #CCCCCC;
+  fill: #CCCCCC;
+}
 
+::v-deep(.n-base-icon svg g) {
+  color: #CCCCCC;
+  fill: #CCCCCC;
+}
+
+.icon-search-input {
+  width: 15px;
+  height: 15px;
+  margin-right: 4px;
+}
 .sectionSearch {
   margin-bottom: 15px;
 }
@@ -484,7 +498,7 @@ export default defineComponent({
 
   p {
     font-weight: 600;
-    font-size: 12px;
+    font-size: 14px;
     color: #131415;
     line-height: 22px;
     padding-left: 10px;
@@ -509,27 +523,33 @@ export default defineComponent({
     }
   }
 
-  .user-item {
+  ::v-deep(.user-item) {
     display: flex;
     align-items: center;
     font-size: 14px;
     color: #000000;
     line-height: 20px;
     .avatar {
-      width: 33px;
-      height: 33px;
+      width: 40px;
+      height: 40px;
+      border-radius: 9Px;
     }
     .name {
       padding-left: 10px;
     }
-    // span {
-    //   display: flex;
-    //   align-items: center;
-    // }
+  }
+  ::v-deep(.avatar) {
+    width: 40px !important;
+    height: 40px !important;
+    border-radius: 9Px !important;
+    margin: 0 !important;
+  }
+  ::v-deep(.name) {
+    padding-left: 10px;
   }
 }
 
-.main .right {
+.transfer .main .right {
   padding: 0 10px;
   ul {
     padding-right: 0;
@@ -551,6 +571,9 @@ export default defineComponent({
       min-width: 68px;
       padding-left: 0;
       padding-right: 0;
+      &:hover {
+        background: linear-gradient( 312deg, #4894F9 0%, #62C7FF 100%);
+      }
     }
     .btn-cancel {
       background: #F1F2F6;
@@ -558,6 +581,9 @@ export default defineComponent({
       font-weight: 600;
       color: #1E2022;
       border: none;
+      &:hover {
+        background: #E9EBF1;
+      }
     }
     .btn-no {
       opacity: 0.6;
@@ -574,7 +600,7 @@ export default defineComponent({
     font-weight: 400;
   }
 }
-.list {
+.transfer  .list {
   .list-item {
     padding: 5px 10px;
     margin-bottom: 8px;
@@ -582,10 +608,10 @@ export default defineComponent({
       background: #F5F6FA;
       border-radius: 7px;
     }
-    .avatar {
-      width: 28px !important;
-      height: 28px !important;
-      border-radius: 5px !important;
+    ::v-deep(.avatar) {
+      width: 34px !important;
+      height: 34px !important;
+      border-radius: 6px !important;
       margin-right: 10Px;
       margin-left: 0;
     }

src/TUIKit/TUIComponents/components/transferTUI/style/web.scss

@@ -1,6 +1,6 @@
 .transfer-header {
   border-radius: 16Px 16Px 0 0;
-  padding: 16Px 24Px;
+  padding: 16Px 15Px 16Px 24Px;
   background: #F5F6FA;
   display: flex;
   align-items: center;

src/TUIKit/TUIComponents/container/TUIChat/plugin-components/forward/forward.vue

@@ -10,7 +10,7 @@
     <Transfer
       title="转发"
       :list="list"
-      :isSearch="false"
+      :isSearch="true"
       :isH5="isH5"
       :isCustomItem="true"
       :resultShow="true"