From 5edeb589c51bca46c30412c9d3167d05f6e6b68c Mon Sep 17 00:00:00 2001
From: You-Hw-Y <1664677472@qq.com>
Date: Mon, 17 Feb 2025 00:59:54 -0800
Subject: [PATCH] fix(card): [card] Style pollution caused by modifying the
 card component

---
 .../demos/pc/app/card/card-select-composition-api.vue  | 10 ++++++----
 examples/sites/demos/pc/app/card/card-select.vue       | 10 ++++++----
 packages/theme/src/card/index.less                     |  8 --------
 3 files changed, 12 insertions(+), 16 deletions(-)

diff --git a/examples/sites/demos/pc/app/card/card-select-composition-api.vue b/examples/sites/demos/pc/app/card/card-select-composition-api.vue
index 59d8a47518..58f13e576b 100644
--- a/examples/sites/demos/pc/app/card/card-select-composition-api.vue
+++ b/examples/sites/demos/pc/app/card/card-select-composition-api.vue
@@ -159,10 +159,12 @@ const dataArr = ref([
 .card-stlecting {
   border-top: 1px solid rgba(0, 0, 0, 0.05);
 }
-</style>
-
-<style>
-#smb-card .tiny-card--small-padding {
+#smb-card :deep(.tiny-card--small-padding) {
   padding: 0;
 }
+.card-wrap :deep(.tiny-input__inner) {
+  border: none;
+  border-radius: 6px;
+  background-color: #fafafa;
+}
 </style>
diff --git a/examples/sites/demos/pc/app/card/card-select.vue b/examples/sites/demos/pc/app/card/card-select.vue
index a69db653b4..03a26a96b1 100644
--- a/examples/sites/demos/pc/app/card/card-select.vue
+++ b/examples/sites/demos/pc/app/card/card-select.vue
@@ -169,10 +169,12 @@ export default {
 .card-stlecting {
   border-top: 1px solid rgba(0, 0, 0, 0.05);
 }
-</style>
-
-<style>
-#smb-card .tiny-card--small-padding {
+#smb-card :deep(.tiny-card--small-padding) {
   padding: 0;
 }
+.card-wrap :deep(.tiny-input__inner) {
+  border: none;
+  border-radius: 6px;
+  background-color: #fafafa;
+}
 </style>
diff --git a/packages/theme/src/card/index.less b/packages/theme/src/card/index.less
index 5ebe9c2e6f..a8fc07d033 100644
--- a/packages/theme/src/card/index.less
+++ b/packages/theme/src/card/index.less
@@ -14,7 +14,6 @@
 @import './vars.less';
 
 @card-prefix-cls: ~'@{css-prefix}card';
-@input-prefix-cls: ~'@{css-prefix}input';
 
 .@{card-prefix-cls} {
   .component-css-vars-amount();
@@ -289,11 +288,4 @@
       }
     }
   }
-  .@{input-prefix-cls} {
-    &__inner {
-      border: none;
-      border-radius: 6px;
-      background-color: #FAFAFA;
-    }
-  }
 }