From 1c8fa50979601369d46177fbdb143a21de0faa4c Mon Sep 17 00:00:00 2001
From: MSuMshk <2039814060@qq.com>
Date: Sat, 21 Feb 2026 09:19:21 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E5=8A=A0=E6=96=99?=
 =?UTF-8?q?=E6=8A=BD=E5=B1=89=E4=B8=8E=E5=BC=B9=E7=AA=97=E6=A0=B7=E5=BC=8F?=
 =?UTF-8?q?=E4=BD=9C=E7=94=A8=E5=9F=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../views/product/addons/styles/drawer.less   | 410 +++++++++---------
 .../views/product/addons/styles/modal.less    | 136 +++---
 2 files changed, 271 insertions(+), 275 deletions(-)

diff --git a/apps/web-antd/src/views/product/addons/styles/drawer.less b/apps/web-antd/src/views/product/addons/styles/drawer.less
index 8eecb6b..2da434e 100644
--- a/apps/web-antd/src/views/product/addons/styles/drawer.less
+++ b/apps/web-antd/src/views/product/addons/styles/drawer.less
@@ -1,243 +1,241 @@
-.page-product-addons {
-  .pad-editor-drawer {
-    .g-form-group {
-      margin-bottom: 16px;
-    }
+.pad-editor-drawer {
+  .g-form-group {
+    margin-bottom: 16px;
+  }
 
-    .g-form-label {
-      display: inline-flex;
-      margin-bottom: 8px;
-      font-size: 13px;
-      font-weight: 500;
-      color: #1a1a2e;
-    }
+  .g-form-label {
+    display: inline-flex;
+    margin-bottom: 8px;
+    font-size: 13px;
+    font-weight: 500;
+    color: #1a1a2e;
+  }
 
-    .g-form-label.required::before {
-      margin-right: 4px;
-      color: #ef4444;
-      content: '*';
-    }
+  .g-form-label.required::before {
+    margin-right: 4px;
+    color: #ef4444;
+    content: '*';
+  }
 
-    .g-hint {
-      font-size: 12px;
-      color: #9ca3af;
-    }
+  .g-hint {
+    font-size: 12px;
+    color: #9ca3af;
+  }
 
-    .g-input,
-    .g-textarea {
-      width: 100%;
-      padding: 0 10px;
-      font-size: 13px;
-      color: #1a1a2e;
-      outline: none;
-      border: 1px solid #e5e7eb;
-      border-radius: 8px;
-      transition: var(--g-transition);
-    }
+  .g-input,
+  .g-textarea {
+    width: 100%;
+    padding: 0 10px;
+    font-size: 13px;
+    color: #1a1a2e;
+    outline: none;
+    border: 1px solid #e5e7eb;
+    border-radius: 8px;
+    transition: var(--g-transition);
+  }
 
-    .g-input {
-      height: 34px;
-    }
+  .g-input {
+    height: 34px;
+  }
 
-    .g-textarea {
-      min-height: 66px;
-      padding-top: 8px;
-      line-height: 1.5;
-      resize: vertical;
-    }
+  .g-textarea {
+    min-height: 66px;
+    padding-top: 8px;
+    line-height: 1.5;
+    resize: vertical;
+  }
 
-    .g-input:focus,
-    .g-textarea:focus {
-      border-color: #1677ff;
-      box-shadow: 0 0 0 3px rgb(22 119 255 / 12%);
-    }
+  .g-input:focus,
+  .g-textarea:focus {
+    border-color: #1677ff;
+    box-shadow: 0 0 0 3px rgb(22 119 255 / 12%);
+  }
 
-    .g-btn {
-      display: inline-flex;
-      align-items: center;
-      justify-content: center;
-      height: 32px;
-      padding: 0 16px;
-      font-size: 13px;
-      color: #1f1f1f;
-      cursor: pointer;
-      background: #fff;
-      border: 1px solid #d9d9d9;
-      border-radius: 6px;
-      box-shadow: var(--g-shadow-sm);
-      transition: all var(--g-transition);
-    }
+  .g-btn {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    height: 32px;
+    padding: 0 16px;
+    font-size: 13px;
+    color: #1f1f1f;
+    cursor: pointer;
+    background: #fff;
+    border: 1px solid #d9d9d9;
+    border-radius: 6px;
+    box-shadow: var(--g-shadow-sm);
+    transition: all var(--g-transition);
+  }
 
-    .g-btn:hover {
-      color: #1677ff;
-      border-color: #1677ff;
-      box-shadow: var(--g-shadow-md);
-    }
+  .g-btn:hover {
+    color: #1677ff;
+    border-color: #1677ff;
+    box-shadow: var(--g-shadow-md);
+  }
 
-    .g-btn-primary {
-      color: #fff;
-      background: #1677ff;
-      border-color: #1677ff;
-    }
+  .g-btn-primary {
+    color: #fff;
+    background: #1677ff;
+    border-color: #1677ff;
+  }
 
-    .g-btn-primary:hover {
-      color: #fff;
-      opacity: 0.88;
-    }
+  .g-btn-primary:hover {
+    color: #fff;
+    opacity: 0.88;
+  }
 
-    .g-btn:disabled {
-      cursor: not-allowed;
-      box-shadow: none;
-      opacity: 0.6;
-    }
+  .g-btn:disabled {
+    cursor: not-allowed;
+    box-shadow: none;
+    opacity: 0.6;
+  }
 
-    .g-toggle-wrap {
-      display: flex;
-      gap: 10px;
-      align-items: center;
-    }
+  .g-toggle-wrap {
+    display: flex;
+    gap: 10px;
+    align-items: center;
+  }
 
-    .g-toggle-label {
-      font-size: 12px;
-      color: #4b5563;
-    }
+  .g-toggle-label {
+    font-size: 12px;
+    color: #4b5563;
+  }
 
-    .g-toggle-input {
-      position: relative;
-      flex-shrink: 0;
-      width: 40px;
-      height: 22px;
-    }
+  .g-toggle-input {
+    position: relative;
+    flex-shrink: 0;
+    width: 40px;
+    height: 22px;
+  }
 
-    .g-toggle-input input {
-      width: 0;
-      height: 0;
-      opacity: 0;
-    }
+  .g-toggle-input input {
+    width: 0;
+    height: 0;
+    opacity: 0;
+  }
 
-    .g-toggle-sl {
-      position: absolute;
-      inset: 0;
-      cursor: pointer;
-      background: #d9d9d9;
-      border-radius: 11px;
-      transition: all 0.2s;
-    }
+  .g-toggle-sl {
+    position: absolute;
+    inset: 0;
+    cursor: pointer;
+    background: #d9d9d9;
+    border-radius: 11px;
+    transition: all 0.2s;
+  }
 
-    .g-toggle-sl::before {
-      position: absolute;
-      top: 2px;
-      left: 2px;
-      width: 18px;
-      height: 18px;
-      content: '';
-      background: #fff;
-      border-radius: 50%;
-      box-shadow: 0 1px 3px rgb(0 0 0 / 15%);
-      transition: all 0.2s;
-    }
+  .g-toggle-sl::before {
+    position: absolute;
+    top: 2px;
+    left: 2px;
+    width: 18px;
+    height: 18px;
+    content: '';
+    background: #fff;
+    border-radius: 50%;
+    box-shadow: 0 1px 3px rgb(0 0 0 / 15%);
+    transition: all 0.2s;
+  }
 
-    .g-toggle-input input:checked + .g-toggle-sl {
-      background: #1677ff;
-    }
+  .g-toggle-input input:checked + .g-toggle-sl {
+    background: #1677ff;
+  }
 
-    .g-toggle-input input:checked + .g-toggle-sl::before {
-      transform: translateX(18px);
-    }
+  .g-toggle-input input:checked + .g-toggle-sl::before {
+    transform: translateX(18px);
+  }
 
-    .pad-sel-row {
-      display: flex;
-      gap: 8px;
-      align-items: center;
-      margin-bottom: 16px;
-    }
+  .pad-sel-row {
+    display: flex;
+    gap: 8px;
+    align-items: center;
+    margin-bottom: 16px;
+  }
 
-    .pad-sel-row span {
-      font-size: 13px;
-      font-weight: 500;
-      color: #4b5563;
-    }
+  .pad-sel-row span {
+    font-size: 13px;
+    font-weight: 500;
+    color: #4b5563;
+  }
 
-    .pad-input-num {
-      width: 80px;
-    }
+  .pad-input-num {
+    width: 80px;
+  }
 
-    .pad-opt-list-header {
-      display: flex;
-      gap: 8px;
-      align-items: center;
-      margin-bottom: 8px;
-      font-size: 12px;
-      font-weight: 600;
-      color: #6b7280;
-    }
+  .pad-opt-list-header {
+    display: flex;
+    gap: 8px;
+    align-items: center;
+    margin-bottom: 8px;
+    font-size: 12px;
+    font-weight: 600;
+    color: #6b7280;
+  }
 
-    .pad-opt-list-header .h-name {
-      flex: 1;
-    }
+  .pad-opt-list-header .h-name {
+    flex: 1;
+  }
 
-    .pad-opt-list-header .h-price,
-    .pad-opt-list-header .h-stock {
-      width: 80px;
-    }
+  .pad-opt-list-header .h-price,
+  .pad-opt-list-header .h-stock {
+    width: 80px;
+  }
 
-    .pad-opt-list-header .h-act {
-      width: 34px;
-    }
+  .pad-opt-list-header .h-act {
+    width: 34px;
+  }
 
-    .pad-opt-list {
-      display: flex;
-      flex-direction: column;
-      gap: 10px;
-    }
+  .pad-opt-list {
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+  }
 
-    .pad-opt-row {
-      display: flex;
-      gap: 8px;
-      align-items: center;
-    }
+  .pad-opt-row {
+    display: flex;
+    gap: 8px;
+    align-items: center;
+  }
 
-    .pad-opt-name {
-      flex: 1;
-    }
+  .pad-opt-name {
+    flex: 1;
+  }
 
-    .pad-opt-price,
-    .pad-opt-stock {
-      width: 80px;
-    }
+  .pad-opt-price,
+  .pad-opt-stock {
+    width: 80px;
+  }
 
-    .pad-opt-del {
-      display: inline-flex;
-      align-items: center;
-      justify-content: center;
-      width: 34px;
-      height: 34px;
-      font-size: 14px;
-      color: #9ca3af;
-      cursor: pointer;
-      background: #fff;
-      border: 1px solid #e5e7eb;
-      border-radius: 8px;
-      transition: all 0.2s ease;
-    }
+  .pad-opt-del {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 34px;
+    height: 34px;
+    font-size: 14px;
+    color: #9ca3af;
+    cursor: pointer;
+    background: #fff;
+    border: 1px solid #e5e7eb;
+    border-radius: 8px;
+    transition: all 0.2s ease;
+  }
 
-    .pad-opt-del:hover {
-      color: #ef4444;
-      background: #fef2f2;
-      border-color: #ef4444;
-    }
+  .pad-opt-del:hover {
+    color: #ef4444;
+    background: #fef2f2;
+    border-color: #ef4444;
+  }
 
-    .pad-btn-dashed {
-      justify-content: center;
-      width: 100%;
-      margin-top: 8px;
-      color: #9ca3af;
-      border-style: dashed;
-    }
+  .pad-btn-dashed {
+    justify-content: center;
+    width: 100%;
+    margin-top: 8px;
+    color: #9ca3af;
+    border-style: dashed;
+  }
 
-    .pad-btn-dashed:hover {
-      color: #1677ff;
-      border-color: #1677ff;
-    }
+  .pad-btn-dashed:hover {
+    color: #1677ff;
+    border-color: #1677ff;
   }
 }
diff --git a/apps/web-antd/src/views/product/addons/styles/modal.less b/apps/web-antd/src/views/product/addons/styles/modal.less
index 5f9a6d5..539f932 100644
--- a/apps/web-antd/src/views/product/addons/styles/modal.less
+++ b/apps/web-antd/src/views/product/addons/styles/modal.less
@@ -1,70 +1,68 @@
-.page-product-addons {
-  .pad-picker-search {
-    display: flex;
-    gap: 10px;
-    margin-bottom: 10px;
-  }
-
-  .pad-btn {
-    height: 32px;
-    padding: 0 12px;
-    font-size: 13px;
-    color: #1f1f1f;
-    cursor: pointer;
-    background: #fff;
-    border: 1px solid #d9d9d9;
-    border-radius: 6px;
-  }
-
-  .pad-btn-sm {
-    flex-shrink: 0;
-  }
-
-  .pad-picker-list {
-    max-height: 320px;
-    overflow-y: auto;
-    border: 1px solid #f0f0f0;
-    border-radius: 8px;
-  }
-
-  .pad-picker-item {
-    display: grid;
-    grid-template-columns: auto 1fr 140px auto;
-    gap: 10px;
-    align-items: center;
-    padding: 10px 12px;
-    cursor: pointer;
-    border-bottom: 1px solid #f5f5f5;
-  }
-
-  .pad-picker-item:last-child {
-    border-bottom: none;
-  }
-
-  .pad-picker-item:hover {
-    background: #fafcff;
-  }
-
-  .pad-picker-item .name {
-    font-size: 13px;
-    color: #1a1a2e;
-  }
-
-  .pad-picker-item .spu {
-    font-size: 12px;
-    color: #9ca3af;
-  }
-
-  .pad-picker-item .price {
-    font-size: 12px;
-    font-weight: 600;
-    color: #1a1a2e;
-  }
-
-  .pad-picker-empty {
-    padding: 28px 14px;
-    font-size: 13px;
-    color: #9ca3af;
-    text-align: center;
-  }
+.pad-picker-search {
+  display: flex;
+  gap: 10px;
+  margin-bottom: 10px;
+}
+
+.pad-btn {
+  height: 32px;
+  padding: 0 12px;
+  font-size: 13px;
+  color: #1f1f1f;
+  cursor: pointer;
+  background: #fff;
+  border: 1px solid #d9d9d9;
+  border-radius: 6px;
+}
+
+.pad-btn-sm {
+  flex-shrink: 0;
+}
+
+.pad-picker-list {
+  max-height: 320px;
+  overflow-y: auto;
+  border: 1px solid #f0f0f0;
+  border-radius: 8px;
+}
+
+.pad-picker-item {
+  display: grid;
+  grid-template-columns: auto 1fr 140px auto;
+  gap: 10px;
+  align-items: center;
+  padding: 10px 12px;
+  cursor: pointer;
+  border-bottom: 1px solid #f5f5f5;
+}
+
+.pad-picker-item:last-child {
+  border-bottom: none;
+}
+
+.pad-picker-item:hover {
+  background: #fafcff;
+}
+
+.pad-picker-item .name {
+  font-size: 13px;
+  color: #1a1a2e;
+}
+
+.pad-picker-item .spu {
+  font-size: 12px;
+  color: #9ca3af;
+}
+
+.pad-picker-item .price {
+  font-size: 12px;
+  font-weight: 600;
+  color: #1a1a2e;
+}
+
+.pad-picker-empty {
+  padding: 28px 14px;
+  font-size: 13px;
+  color: #9ca3af;
+  text-align: center;
 }