diff --git a/商家端web/1 权限管理/商户管理.html b/商家端web/1 权限管理/商户管理.html index 1ced491..a2d8404 100644 --- a/商家端web/1 权限管理/商户管理.html +++ b/商家端web/1 权限管理/商户管理.html @@ -22,27 +22,23 @@ } .container { - width: 100%; - height: 100vh; - margin: 0; - background-color: #fff; - border-radius: 0; - box-shadow: none; - overflow-y: auto; + max-width: 1600px; + margin: 0 auto; + padding: 20px; } - .header { - background-color: rgb(9, 84, 43); - color: #fff; - padding: 20px 30px; - display: flex; - justify-content: space-between; - align-items: center; + .page-header { + background: white; + padding: 16px 24px; + margin-bottom: 16px; + border-radius: 8px; + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); } - .header h1 { - font-size: 1.8rem; + .page-title { + font-size: 24px; font-weight: 600; + color: #262626; } .btn { @@ -76,27 +72,27 @@ background-color: #ffc53d; } - .content { - padding: 30px; - } - .section { - margin-bottom: 40px; + background: white; + padding: 24px; + margin-bottom: 16px; + border-radius: 8px; + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); } .section-title { - font-size: 1.4rem; + font-size: 18px; font-weight: 600; - color: #333; + color: #262626; margin-bottom: 20px; - padding-bottom: 10px; - border-bottom: 2px solid #f0f0f0; + padding-bottom: 12px; + border-bottom: 1px solid #f0f0f0; } .form-container { background-color: #fafafa; - padding: 25px; - border-radius: 8px; + padding: 20px; + border-radius: 6px; border: 1px solid #e8e8e8; } @@ -161,8 +157,8 @@ .permissions-container { background-color: #fafafa; - padding: 25px; - border-radius: 8px; + padding: 20px; + border-radius: 6px; border: 1px solid #e8e8e8; max-height: 500px; overflow-y: auto; @@ -236,12 +232,14 @@ } .actions { + background: white; + padding: 24px; + margin-bottom: 16px; + border-radius: 8px; + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); display: flex; justify-content: flex-end; - gap: 10px; - padding-top: 20px; - border-top: 1px solid #e8e8e8; - margin-top: 30px; + gap: 12px; } .image-uploader { @@ -306,13 +304,10 @@
- -
-

创建新商户

+ +
+

创建新商户

- - -
@@ -488,14 +483,13 @@
-
- - -
+
+ +
diff --git a/商家端web/1 权限管理/子经营者管理.html b/商家端web/1 权限管理/子经营者管理.html index e478eba..772299a 100644 --- a/商家端web/1 权限管理/子经营者管理.html +++ b/商家端web/1 权限管理/子经营者管理.html @@ -22,32 +22,23 @@ } .container { - width: 100%; - height: 100vh; - margin: 0; - background-color: #fff; - border-radius: 0; - box-shadow: none; - overflow-y: auto; + max-width: 1600px; + margin: 0 auto; + padding: 20px; } - .header { - background-color: rgb(9, 84, 43); - color: #fff; - padding: 20px 30px; - display: flex; - justify-content: space-between; - align-items: center; + .page-header { + background: white; + padding: 16px 24px; + margin-bottom: 16px; + border-radius: 8px; + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); } - .header h1 { - font-size: 1.8rem; + .page-title { + font-size: 24px; font-weight: 600; - } - - .header-actions { - display: flex; - gap: 10px; + color: #262626; } .btn { @@ -92,28 +83,28 @@ } /* 内容区域 */ - .content { - padding: 30px; - } - .section { - margin-bottom: 40px; + background: white; + padding: 24px; + margin-bottom: 16px; + border-radius: 8px; + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); } .section-title { - font-size: 1.4rem; + font-size: 18px; font-weight: 600; - color: #333; + color: #262626; margin-bottom: 20px; - padding-bottom: 10px; - border-bottom: 2px solid #f0f0f0; + padding-bottom: 12px; + border-bottom: 1px solid #f0f0f0; } /* 账号管理区域 */ .account-form { background-color: #fafafa; - padding: 25px; - border-radius: 8px; + padding: 20px; + border-radius: 6px; border: 1px solid #e8e8e8; } @@ -167,8 +158,8 @@ /* 权限分配区域 */ .permissions-container { background-color: #fafafa; - padding: 25px; - border-radius: 8px; + padding: 20px; + border-radius: 6px; border: 1px solid #e8e8e8; max-height: 500px; overflow-y: auto; @@ -283,12 +274,14 @@ /* 操作区域 */ .actions { + background: white; + padding: 24px; + margin-bottom: 16px; + border-radius: 8px; + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); display: flex; justify-content: flex-end; - gap: 10px; - padding-top: 20px; - border-top: 1px solid #e8e8e8; - margin-top: 30px; + gap: 12px; } /* 响应式设计 */ @@ -317,15 +310,10 @@
- -
-

子经营者账号管理

-
-
+ +
+

子经营者账号管理

- - -

账号管理

@@ -386,15 +374,14 @@
- -
- - -
+ +
+ +
diff --git a/商家端web/index.html b/商家端web/index.html index 510eb71..ce2d797 100644 --- a/商家端web/index.html +++ b/商家端web/index.html @@ -80,7 +80,7 @@ position: fixed; left: 0; top: 50px; - width: 220px; + width: 200px; height: calc(100vh - 50px); background-color: white; border-right: 1px solid #e8e8e8; @@ -190,11 +190,11 @@ /* 主内容区域 */ .main-content { - margin-left: 220px; + margin-left: 200px; margin-top: 50px; height: calc(100vh - 50px); background-color: white; - padding: 20px; + padding: 24px; position: relative; } diff --git a/商家端web/商品管理/商品管理.html b/商家端web/商品管理/商品管理.html index 7736192..e4269db 100644 --- a/商家端web/商品管理/商品管理.html +++ b/商家端web/商品管理/商品管理.html @@ -18,31 +18,31 @@ } .container { - max-width: 1400px; + max-width: 1600px; margin: 0 auto; padding: 20px; } .page-header { background: white; - padding: 20px; + padding: 16px 24px; + margin-bottom: 16px; border-radius: 8px; - box-shadow: 0 2px 4px rgba(0,0,0,0.1); - margin-bottom: 20px; + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); } .page-title { font-size: 24px; font-weight: 600; - color: #1a1a1a; - margin-bottom: 20px; + color: #262626; + margin-bottom: 16px; } .search-form { display: grid; - grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); + grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 16px; - margin-bottom: 20px; + margin-bottom: 16px; } .form-item { @@ -78,6 +78,14 @@ margin-top: 16px; } + .search-section { + background: white; + padding: 24px; + margin-bottom: 16px; + border-radius: 8px; + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); + } + .btn { padding: 10px 20px; border: none; @@ -219,7 +227,7 @@ .product-table th { background-color: #fafafa; - padding: 12px; + padding: 12px 16px; text-align: left; font-weight: 600; border-bottom: 2px solid #f0f0f0; @@ -227,7 +235,7 @@ } .product-table td { - padding: 16px 12px; + padding: 16px 16px; border-bottom: 1px solid #f0f0f0; font-size: 14px; vertical-align: middle; @@ -349,17 +357,19 @@
+

商品管理

+
- + +
-
-
- +