From 8e583121e4979cd1a7ebde112a49412d2955313e Mon Sep 17 00:00:00 2001
From: icssoa <615206459@qq.com>
Date: Sun, 7 Sep 2025 11:05:43 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=20image=20=E5=8F=82=E6=95=B0?=
 =?UTF-8?q?=EF=BC=8C=E6=B7=BB=E5=8A=A0=20slot?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/cl-list-item/cl-list-item.uvue | 43 ++++++++++++++-----
 1 file changed, 32 insertions(+), 11 deletions(-)

diff --git a/uni_modules/cool-ui/components/cl-list-item/cl-list-item.uvue b/uni_modules/cool-ui/components/cl-list-item/cl-list-item.uvue
index 9e30d7c..fecf3a1 100644
--- a/uni_modules/cool-ui/components/cl-list-item/cl-list-item.uvue
+++ b/uni_modules/cool-ui/components/cl-list-item/cl-list-item.uvue
@@ -27,18 +27,32 @@
 			@tap="onTap"
 		>
 			<view class="cl-list-item__inner" :class="[pt.inner?.className]">
-				<cl-icon
-					:name="icon"
-					:size="pt.icon?.size ?? 36"
-					:color="pt.icon?.color"
-					:pt="{
-						className: `mr-3 ${pt.icon?.className}`
-					}"
-					v-if="icon"
-				></cl-icon>
+				<slot name="icon">
+					<cl-icon
+						v-if="icon != ''"
+						:name="icon"
+						:size="pt.icon?.size ?? 36"
+						:color="pt.icon?.color"
+						:pt="{
+							className: `mr-3 ${pt.icon?.className}`
+						}"
+					></cl-icon>
+				</slot>
+
+				<slot name="image">
+					<cl-image
+						v-if="image != ''"
+						:width="pt.image?.width ?? 36"
+						:height="pt.image?.height ?? 36"
+						:src="image"
+						:pt="{
+							className: `mr-3 rounded-full ${pt.image?.className}`
+						}"
+					></cl-image>
+				</slot>
 
 				<cl-text
-					v-if="label"
+					v-if="label != ''"
 					:pt="{
 						className: parseClass([
 							'cl-list-item__label whitespace-nowrap overflow-visible',
@@ -69,7 +83,7 @@
 					:size="36"
 					:pt="{
 						className: parseClass([
-							'!text-surface-400 ml-1 duration-200',
+							'text-surface-400 ml-1 duration-200',
 							{
 								'rotate-90': isCollapse
 							}
@@ -112,6 +126,7 @@ import {
 import { isAppIOS, isDark, isHarmony, parseClass, parsePt } from "@/cool";
 import type { Justify, PassThroughProps } from "../../types";
 import type { ClIconProps } from "../cl-icon/props";
+import type { ClImageProps } from "../cl-image/props";
 
 defineOptions({
 	name: "cl-list-item"
@@ -129,6 +144,11 @@ const props = defineProps({
 		type: String,
 		default: ""
 	},
+	// 图标名称
+	image: {
+		type: String,
+		default: ""
+	},
 	// 标签文本
 	label: {
 		type: String,
@@ -176,6 +196,7 @@ type PassThrough = {
 	label?: PassThroughProps; // 标签文本样式
 	content?: PassThroughProps; // 内容区域样式
 	icon?: ClIconProps; // 图标样式
+	image?: ClImageProps; // 图片样式
 	collapse?: PassThroughProps; // 折叠内容样式
 };