样式修改

src/pages/chat/components/dataList.tsx

@@ -228,9 +228,11 @@ export default () => {
                     <For each={list.data}>
                         {(instance, i) => (
                             <Show when={instance.title}>
+                                <div class={[instance.uniqid == unId()?'click-bg':''].join()}>
                                     <ConversationSidebarItem
                                     clickInfo={instance.uniqid == unId()}
                                     chatWatch={chatWatch} popShow={popShow} instanceData={{ ...instance }} infoList={list.data} key={i as any} setList={setList} />
+                                </div>
                             </Show>
                         )}
                     </For>

src/pages/chat/components/listItem.tsx

@@ -27,8 +27,6 @@ export default ({ instanceData, key, setList, infoList, popShow,chatWatch,clickI
     const instanceItem = instanceData
     let instance = instanceItem || { id: '', name: '',uniqid:'' }
     const isTouchDevice = 'ontouchstart' in document.documentElement || navigator.maxTouchPoints > 0
-    // const [clickInfoTof]=splitProps(props,["clickInfo"])
-    // console.log(clickInfoTof)
 
     //置顶数据排序  
     const getToppingItem = (arr: any) => {
@@ -79,7 +77,6 @@ export default ({ instanceData, key, setList, infoList, popShow,chatWatch,clickI
             ].join(' ')}
             onClick={()=>chatWatch(instance.uniqid)}
         >
-            {/* {clickInfo.toString()} */}
             <div class="fcc w-8 h-8 rounded-full text-xl shrink-0">
                 <div class="text-base i-carbon-chat" />
             </div>

src/pages/chat/css/list.css

@@ -113,5 +113,6 @@
 }
 
 .click-bg{
-    background: rgba(246, 246, 246, 1) !important;
+    background: rgba(243, 243, 243, 1) !important;
+    border-radius: 0.375rem;
 }