fix(chatList): fix scrollButton render

Author: LzhengH

src/chatbot/chat-list.tsx

@@ -6,7 +6,6 @@ import { Component, createRef, signal, tag } from 'omi';
 
 import classname, { getClassPrefix } from '../_util/classname';
 import { setExportparts } from '../_util/dom';
-import { convertToLightDomNode } from '../_util/lightDom';
 import type { TdChatListProps, TdChatListScrollToOptions } from './type';
 
 import styles from './style/chat-list.less';
@@ -150,7 +149,7 @@ export default class Chatlist extends Component<TdChatListProps> {
             className={classname([`${className}__scroll__button`])}
             onClick={() => this.scrollList({ behavior: 'smooth', to: 'bottom' })}
           >
-            {convertToLightDomNode(<t-icon-arrow-down />)}
+            <t-icon-arrow-down className={`${className}__scroll__icon`} />
           </div>
         </div>
         <div ref={this.innerRef}>

src/chatbot/style/_var.less

@@ -36,6 +36,7 @@
   --td-chat-list-scroll-button-radius: 20px;
   --td-chat-list-scroll-button-index: 50;
   --td-chat-list-scroll-button-transform: translate(-50%, 0);
+  --td-chat-list-scroll-icon-top: 3px;
 
   --td-chat-item-gap: 38px;
   --td-chat-item-header-padding: 0;

src/chatbot/style/chat-list.less

@@ -58,4 +58,9 @@
     box-shadow: var(--td-chat-list-scroll-button-shadow);
     cursor: pointer;
   }
+
+  &__scroll__icon {
+    position: relative;
+    top: var(--td-chat-list-scroll-icon-top);
+  }
 }