Kaynağa Gözat

解决深色字体颜色问题

icssoa 8 ay önce
ebeveyn
işleme
70d993b14d

+ 14 - 11
uni_modules/cool-ui/components/cl-confirm/cl-confirm.uvue

@@ -13,9 +13,19 @@
 		@closed="onClosed"
 	>
 		<view class="cl-confirm">
-			<text class="cl-confirm__title">{{ config.title }}</text>
-
-			<text class="cl-confirm__message">{{ config.message }}</text>
+			<cl-text
+				:pt="{
+					className: parseClass(['cl-confirm__title text-lg text-center font-bold mb-2'])
+				}"
+				>{{ config.title }}</cl-text
+			>
+
+			<cl-text
+				:pt="{
+					className: parseClass(['cl-confirm__message text-md text-center mb-8'])
+				}"
+				>{{ config.message }}</cl-text
+			>
 
 			<view class="cl-confirm__actions">
 				<cl-button
@@ -51,6 +61,7 @@
 import { ref, reactive } from "vue";
 import type { ClConfirmAction, ClConfirmOptions } from "../../types";
 import { t } from "@/locale";
+import { parseClass } from "@/cool";
 
 // 控制弹窗显示/隐藏
 const visible = ref(false);
@@ -176,14 +187,6 @@ defineExpose({
 .cl-confirm {
 	@apply p-4;
 
-	&__title {
-		@apply text-lg text-center text-surface-700 font-bold mb-2;
-	}
-
-	&__message {
-		@apply text-md text-center text-surface-700 mb-8;
-	}
-
 	&__actions {
 		@apply flex flex-row items-center justify-center;
 	}