diff --git a/商家端web/品牌管理/分销商管理.html b/商家端web/品牌管理/分销商管理.html index df1f1cf..90a04d1 100644 --- a/商家端web/品牌管理/分销商管理.html +++ b/商家端web/品牌管理/分销商管理.html @@ -303,6 +303,80 @@ grid-template-columns: 1fr; } } + + /* 弹窗样式 */ + .modal { + display: none; + position: fixed; + z-index: 1000; + left: 0; + top: 0; + width: 100%; + height: 100%; + background-color: rgba(0, 0, 0, 0.5); + } + + .modal.show { + display: flex; + align-items: center; + justify-content: center; + } + + .modal-content { + background-color: white; + padding: 0; + border-radius: 8px; + width: 90%; + max-width: 500px; + box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15); + } + + .modal-header { + padding: 20px 24px; + border-bottom: 1px solid #f0f0f0; + } + + .modal-title { + font-size: 18px; + font-weight: 600; + color: #262626; + } + + .modal-body { + padding: 24px; + } + + .modal-body p { + margin: 0; + font-size: 14px; + color: #666; + line-height: 1.6; + } + + .modal-body textarea { + width: 100%; + min-height: 80px; + padding: 12px; + border: 1px solid #ddd; + border-radius: 6px; + font-size: 14px; + margin-top: 12px; + resize: vertical; + } + + .modal-body textarea:focus { + outline: none; + border-color: #1890ff; + box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); + } + + .modal-footer { + padding: 16px 24px; + border-top: 1px solid #f0f0f0; + display: flex; + justify-content: flex-end; + gap: 12px; + }
@@ -329,7 +403,6 @@ @@ -366,8 +439,8 @@