From 762bd722db8621a3caf905ac579b4663449ecbed Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=AC=94=E8=AE=B0=E6=9C=AC=E9=87=8C=E7=9A=84=E6=B0=B8?=
 =?UTF-8?q?=E5=B9=B3?= <fsmecx@gmail.com>
Date: Wed, 23 Jul 2025 16:54:39 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=9C=AC=E6=AC=A1=E6=8F=90=E4=BA=A4?=
 =?UTF-8?q?=E6=9B=B4=E6=96=B0=E5=86=85=E5=AE=B9=E5=A6=82=E4=B8=8B=20?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../plan/new/steps/BasicSettings.tsx          | 67 +++++++------------
 .../scenarios/plan/new/steps/base.module.scss | 25 +++++--
 2 files changed, 43 insertions(+), 49 deletions(-)

diff --git a/nkebao/src/pages/scenarios/plan/new/steps/BasicSettings.tsx b/nkebao/src/pages/scenarios/plan/new/steps/BasicSettings.tsx
index acaa58e59..dde074fcf 100644
--- a/nkebao/src/pages/scenarios/plan/new/steps/BasicSettings.tsx
+++ b/nkebao/src/pages/scenarios/plan/new/steps/BasicSettings.tsx
@@ -456,6 +456,7 @@ const BasicSettings: React.FC<BasicSettingsProps> = ({
               key={tag}
               color={selectedScenarioTags.includes(tag) ? "blue" : "default"}
               onClick={() => handleScenarioTagToggle(tag)}
+              className={styles["basic-tag-item"]}
             >
               {tag}
             </Tag>
@@ -468,6 +469,7 @@ const BasicSettings: React.FC<BasicSettingsProps> = ({
               onClick={() => handleScenarioTagToggle(tag.id)}
               closable
               onClose={() => handleRemoveCustomTag(tag.id)}
+              className={styles["basic-tag-item"]}
             >
               {tag.name}
             </Tag>
@@ -476,39 +478,27 @@ const BasicSettings: React.FC<BasicSettingsProps> = ({
       )}
       {/* 自定义标签输入区 */}
       <div className={styles["basic-custom-tag-input"]}>
-        <div
-          className={styles["basic-input-block"]}
-          style={{ marginBottom: 0 }}
-        >
-          <Input
-            type="text"
-            value={customTagInput}
-            onChange={(e) => setCustomTagInput(e.target.value)}
-            placeholder="添加自定义标签"
-          />
-        </div>
-        <div>
-          <Button type="primary" onClick={handleAddCustomTag}>
-            添加
-          </Button>
-        </div>
+        <Input
+          type="text"
+          value={customTagInput}
+          onChange={(e) => setCustomTagInput(e.target.value)}
+          placeholder="添加自定义标签"
+        />
+        <Button type="primary" onClick={handleAddCustomTag}>
+          添加
+        </Button>
       </div>
       {/* 输入获客成功提示 */}
       <div className={styles["basic-success-tip"]}>
-        <div
-          className={styles["basic-input-block"]}
-          style={{ marginBottom: 0 }}
-        >
-          <Input
-            type="text"
-            value={tips}
-            onChange={(e) => {
-              setTips(e.target.value);
-              onChange({ ...formData, tips: e.target.value });
-            }}
-            placeholder="请输入获客成功提示"
-          />
-        </div>
+        <Input
+          type="text"
+          value={tips}
+          onChange={(e) => {
+            setTips(e.target.value);
+            onChange({ ...formData, tips: e.target.value });
+          }}
+          placeholder="请输入获客成功提示"
+        />
       </div>
       {/* 选素材 */}
       <div className={styles["basic-materials"]} style={openPoster}>
@@ -529,19 +519,8 @@ const BasicSettings: React.FC<BasicSettingsProps> = ({
                 onClick={() => handleMaterialSelect(material)}
               >
                 {/* 预览按钮：自定义海报在左上，内置海报在右上 */}
-                <Button
-                  style={{
-                    position: "absolute",
-                    top: 8,
-                    left: isCustom ? 8 : "auto",
-                    right: isCustom ? "auto" : 8,
-                    background: "rgba(0,0,0,0.5)",
-                    border: "none",
-                    borderRadius: "50%",
-                    padding: 2,
-                    zIndex: 2,
-                    cursor: "pointer",
-                  }}
+                <span
+                  className={styles["basic-material-preview"]}
                   onClick={(e) => {
                     e.stopPropagation();
                     handlePreviewImage(material.preview);
@@ -550,7 +529,7 @@ const BasicSettings: React.FC<BasicSettingsProps> = ({
                   <EyeOutlined
                     style={{ color: "#fff", width: 18, height: 18 }}
                   />
-                </Button>
+                </span>
                 {/* 删除自定义海报按钮 */}
                 {isCustom && (
                   <Button
diff --git a/nkebao/src/pages/scenarios/plan/new/steps/base.module.scss b/nkebao/src/pages/scenarios/plan/new/steps/base.module.scss
index b62b4420a..99dde26e5 100644
--- a/nkebao/src/pages/scenarios/plan/new/steps/base.module.scss
+++ b/nkebao/src/pages/scenarios/plan/new/steps/base.module.scss
@@ -35,21 +35,20 @@
 }
 .basic-input-block {
   border: 1px solid #eee;
-  padding: 8px;
   margin-bottom: 16px;
-  border-radius: 6px;
-  background: #fff;
 }
 .basic-tag-list {
   display: flex;
   flex-wrap: wrap;
-  gap: 8px;
+  gap: 5px;
   padding-bottom: 16px;
 }
+.basic-tag-item{
+  margin-bottom: 6px;
+}
 .basic-custom-tag-input {
   display: flex;
   gap: 8px;
-  margin-bottom: 16px;
 }
 .basic-success-tip {
   display: flex;
@@ -63,6 +62,22 @@
   grid-template-columns: repeat(3, 1fr);
   gap: 12px;
 }
+
+
+.basic-material-preview{
+  position: absolute;
+  top: 8px;
+  padding-left: 2px;
+  right: 8px;
+  background:rgba(0,0,0,0.5);
+  border-radius: 50%;
+  height: 20px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 2;
+  cursor:pointer;
+}
 .basic-material-card {
   border: 2px solid #eee;
   border-radius: 8px;