From e0d9bfb3a6b5861d22863884e2123ea3425e0bcd Mon Sep 17 00:00:00 2001 From: linbin <495561397@qq.com> Date: Thu, 25 Sep 2025 01:11:55 +0800 Subject: [PATCH] =?UTF-8?q?=E7=BB=BC=E8=BF=B0:=20=E4=BC=98=E5=8C=96?= =?UTF-8?q?=E5=86=85=E5=AE=B9=E7=AE=A1=E7=90=86=E6=A8=A1=E5=9D=97UI?= =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E5=92=8C=E8=8F=9C=E5=8D=95=E7=BB=93=E6=9E=84?= =?UTF-8?q?=20-=20=E5=9C=A8=E5=95=86=E5=AE=B6=E7=AB=AFweb/index.html?= =?UTF-8?q?=E4=B8=AD=E5=AE=8C=E5=96=84=E5=86=85=E5=AE=B9=E7=AE=A1=E7=90=86?= =?UTF-8?q?=E8=8F=9C=E5=8D=95=E9=A1=B9=EF=BC=8C=E5=A2=9E=E5=8A=A0=E5=85=AC?= =?UTF-8?q?=E5=91=8A=E7=AE=A1=E7=90=86=E3=80=81=E8=B4=AD=E7=89=A9=E9=A1=BB?= =?UTF-8?q?=E7=9F=A5=E7=AE=A1=E7=90=86=E5=92=8C=E8=BD=AE=E6=92=AD=E5=9B=BE?= =?UTF-8?q?=E7=AE=A1=E7=90=86=E4=B8=89=E4=B8=AA=E5=AD=90=E8=8F=9C=E5=8D=95?= =?UTF-8?q?=20-=20=E4=BC=98=E5=8C=96=E8=BD=AE=E6=92=AD=E5=9B=BE=E7=AE=A1?= =?UTF-8?q?=E7=90=86=E9=A1=B5=E9=9D=A2=E7=9A=84=E6=A0=B7=E5=BC=8F=E8=AE=BE?= =?UTF-8?q?=E8=AE=A1=EF=BC=8C=E7=BB=9F=E4=B8=80=E9=A2=9C=E8=89=B2=E6=96=B9?= =?UTF-8?q?=E6=A1=88=E5=92=8C=E5=B8=83=E5=B1=80=E9=97=B4=E8=B7=9D=20-=20?= =?UTF-8?q?=E8=B0=83=E6=95=B4=E9=A1=B5=E9=9D=A2=E7=BB=93=E6=9E=84=EF=BC=8C?= =?UTF-8?q?=E8=AE=BE=E7=BD=AE=E6=B7=B1=E7=BB=BF=E8=89=B2=E4=B8=BB=E9=A2=98?= =?UTF-8?q?=E8=83=8C=E6=99=AF=E5=92=8C=E7=99=BD=E8=89=B2=E6=96=87=E5=AD=97?= =?UTF-8?q?=E4=BB=A5=E6=8F=90=E9=AB=98=E5=8F=AF=E8=AF=BB=E6=80=A7=20-=20?= =?UTF-8?q?=E5=AE=8C=E5=96=84=E5=93=8D=E5=BA=94=E5=BC=8F=E5=B8=83=E5=B1=80?= =?UTF-8?q?=E5=92=8C=E6=8C=89=E9=92=AE=E6=A0=B7=E5=BC=8F=EF=BC=8C=E5=A2=9E?= =?UTF-8?q?=E5=BC=BA=E7=94=A8=E6=88=B7=E4=BA=A4=E4=BA=92=E4=BD=93=E9=AA=8C?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- 商家端web/index.html | 26 +++++++++ 商家端web/内容管理/轮播图管理.html | 88 ++++++++++++++++-------------- 2 files changed, 74 insertions(+), 40 deletions(-) diff --git a/商家端web/index.html b/商家端web/index.html index ec5ccd7..7b00996 100644 --- a/商家端web/index.html +++ b/商家端web/index.html @@ -435,6 +435,32 @@ + +
  • +
    + + + + 内容管理 + + + +
    +
    + + + 公告管理 + + + + 购物须知管理 + + + + 轮播图管理 + +
    +
    • diff --git a/商家端web/内容管理/轮播图管理.html b/商家端web/内容管理/轮播图管理.html index 16d28fb..755863c 100644 --- a/商家端web/内容管理/轮播图管理.html +++ b/商家端web/内容管理/轮播图管理.html @@ -16,18 +16,23 @@ font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", 微软雅黑, Arial, sans-serif; background-color: #f5f5f5; color: #333; + width: 100%; + height: 100vh; + margin: 0; } .container { max-width: 1400px; margin: 0 auto; - padding: 20px; + padding: 30px; + height: 100vh; + overflow-y: auto; } .page-header { - background: white; + background: rgb(9, 84, 43); padding: 16px 24px; - margin-bottom: 16px; + margin-bottom: 30px; border-radius: 8px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); } @@ -35,21 +40,21 @@ .page-title { font-size: 24px; font-weight: 600; - color: #262626; + color: #fff; } /* 主要内容区域 */ .content { display: flex; flex-direction: column; - gap: 20px; + gap: 30px; } /* 搜索过滤区域 */ .filter-section { - background: white; + background: #fafafa; padding: 24px; - margin-bottom: 16px; + margin-bottom: 30px; border-radius: 8px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); } @@ -57,8 +62,8 @@ .search-form { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); - gap: 16px; - margin-bottom: 16px; + gap: 20px; + margin-bottom: 20px; } .form-item { @@ -69,15 +74,15 @@ .form-label { font-size: 14px; - color: #666; + color: #333; font-weight: 500; } .form-input { height: 40px; padding: 0 12px; - border: 1px solid #ddd; - border-radius: 6px; + border: 1px solid #d9d9d9; + border-radius: 4px; font-size: 14px; } @@ -89,21 +94,22 @@ .button-group { display: flex; - gap: 12px; + gap: 10px; } /* 按钮样式 */ .btn { - height: 40px; - padding: 0 16px; + padding: 10px 20px; border: none; - border-radius: 6px; + border-radius: 5px; font-size: 14px; + font-weight: 500; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; - transition: all 0.3s; + transition: all 0.3s ease; + gap: 5px; } .btn:disabled { @@ -118,17 +124,19 @@ .btn-primary:hover:not(:disabled) { background: #40a9ff; + transform: translateY(-2px); } .btn-secondary { background: white; color: #666; - border: 1px solid #ddd; + border: 1px solid #d9d9d9; } .btn-secondary:hover:not(:disabled) { border-color: #1890ff; color: #1890ff; + transform: translateY(-2px); } .btn-link { @@ -147,16 +155,16 @@ /* 操作按钮区域 */ .action-section { display: flex; - gap: 8px; + gap: 10px; } /* 表格区域 */ .table-section { - background: white; + background: #fff; border-radius: 8px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); overflow: hidden; - margin-bottom: 16px; + margin-bottom: 30px; } .table-wrapper { @@ -174,19 +182,19 @@ padding: 12px 8px; text-align: left; font-weight: 600; - color: #666; - border-bottom: 1px solid #f0f0f0; + color: #333; + border-bottom: 1px solid #e8e8e8; white-space: nowrap; } .data-table td { padding: 12px 8px; - border-bottom: 1px solid #f9f9f9; + border-bottom: 1px solid #e8e8e8; vertical-align: middle; } .data-table tbody tr:hover { - background: #f8f9fa; + background: #e6f7ff; } .banner-preview { @@ -207,7 +215,7 @@ .status-enabled { background: #f6ffed; color: #52c41a; - border: 1px solid #b7eb8f; + border: 1px solid #73d13d; } .status-disabled { @@ -218,7 +226,7 @@ .actions { display: flex; - gap: 8px; + gap: 10px; } /* 分页区域 */ @@ -227,8 +235,8 @@ display: flex; justify-content: space-between; align-items: center; - background: white; - border-top: 1px solid #f0f0f0; + background: #fff; + border-top: 1px solid #e8e8e8; } .pagination-info { @@ -239,7 +247,7 @@ .pagination-controls { display: flex; align-items: center; - gap: 16px; + gap: 20px; } .page-size-selector { @@ -253,10 +261,10 @@ .page-size-select { height: 32px; padding: 0 8px; - border: 1px solid #ddd; + border: 1px solid #d9d9d9; border-radius: 4px; font-size: 14px; - background: white; + background: #fff; } .page-list { @@ -273,12 +281,12 @@ display: flex; align-items: center; justify-content: center; - border: 1px solid #ddd; + border: 1px solid #d9d9d9; border-radius: 4px; cursor: pointer; font-size: 14px; - transition: all 0.3s; - background: white; + transition: all 0.3s ease; + background: #fff; color: #666; } @@ -290,7 +298,7 @@ .page-item.active { background: #1890ff; border-color: #1890ff; - color: white; + color: #fff; } .page-item.disabled { @@ -322,7 +330,7 @@ width: 50px; height: 32px; padding: 0 8px; - border: 1px solid #ddd; + border: 1px solid #d9d9d9; border-radius: 4px; text-align: center; font-size: 14px; @@ -399,7 +407,7 @@ padding: 16px 24px; border-top: 1px solid #e8e8e8; display: flex; - gap: 8px; + gap: 10px; justify-content: flex-end; } @@ -567,7 +575,7 @@ .form-row { flex-direction: column; align-items: stretch; - gap: 12px; + gap: 10px; } .form-actions { @@ -576,7 +584,7 @@ .pagination-section { flex-direction: column; - gap: 12px; + gap: 10px; } .pagination-info {