feat: 本次提交更新内容如下

样式调整

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
+        <Input
-          className={styles["basic-input-block"]}
+          type="text"
-          style={{ marginBottom: 0 }}
+          value={customTagInput}
-        >
+          onChange={(e) => setCustomTagInput(e.target.value)}
-          <Input
+          placeholder="添加自定义标签"
-            type="text"
+        />
-            value={customTagInput}
+        <Button type="primary" onClick={handleAddCustomTag}>
-            onChange={(e) => setCustomTagInput(e.target.value)}
+          添加
-            placeholder="添加自定义标签"
+        </Button>
-          />
-        </div>
-        <div>
-          <Button type="primary" onClick={handleAddCustomTag}>
-            添加
-          </Button>
-        </div>
       </div>
       {/* 输入获客成功提示 */}
       <div className={styles["basic-success-tip"]}>
-        <div
+        <Input
-          className={styles["basic-input-block"]}
+          type="text"
-          style={{ marginBottom: 0 }}
+          value={tips}
-        >
+          onChange={(e) => {
-          <Input
+            setTips(e.target.value);
-            type="text"
+            onChange({ ...formData, tips: e.target.value });
-            value={tips}
+          }}
-            onChange={(e) => {
+          placeholder="请输入获客成功提示"
-              setTips(e.target.value);
+        />
-              onChange({ ...formData, tips: e.target.value });
-            }}
-            placeholder="请输入获客成功提示"
-          />
-        </div>
       </div>
       {/* 选素材 */}
       <div className={styles["basic-materials"]} style={openPoster}>
@@ -529,19 +519,8 @@ const BasicSettings: React.FC<BasicSettingsProps> = ({
                 onClick={() => handleMaterialSelect(material)}
               >
                 {/* 预览按钮：自定义海报在左上，内置海报在右上 */}
-                <Button
+                <span
-                  style={{
+                  className={styles["basic-material-preview"]}
-                    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",
-                  }}
                   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

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;