From 0224735fb1cba46f6549adfa1f60ffd6b5041b72 Mon Sep 17 00:00:00 2001 From: wupengfei <834520024@qq.com> Date: 星期三, 21 五月 2025 16:13:45 +0800 Subject: [PATCH] feat: UI --- packages/components/src/styles/layout.scss | 68 ++++++++++++++++++++++++++++----- 1 files changed, 57 insertions(+), 11 deletions(-) diff --git a/packages/components/src/styles/layout.scss b/packages/components/src/styles/layout.scss index a547f29..0b903dd 100644 --- a/packages/components/src/styles/layout.scss +++ b/packages/components/src/styles/layout.scss @@ -1,20 +1,31 @@ @use './common.scss' as *; .main-cell-container { - padding-top: 184px; .main-cell-wrapper { - padding: boleGetCssVar('size', 'body-padding-h'); - padding-top: 48px; - border-radius: 30px; + padding: 18px 20px 60px; + border-radius: 32px; background: #ffffff; - box-shadow: 0px 8px 40px 0px rgba(0, 0, 0, 0.05); - .main-cell-title { - font-size: 40px; - font-weight: 600; - text-align: center; - color: #000000; - line-height: 56px; + .main-cell-title-wrapper { + margin-left: 12px; + display: flex; + align-items: center; + height: 88px; + + .main-cell-title-line { + width: 8px; + height: 36px; + background: boleGetCssVar('color', 'primary'); + border-radius: 4px; + margin-right: 16px; + } + + .main-cell-title { + font-size: 34px; + font-weight: 400; + color: boleGetCssVar('text-color', 'primary'); + line-height: 44px; + } } .main-cell-icon { @@ -24,3 +35,38 @@ } } } + +.lp-chunk-wrapper { + padding: 0 26px; + border-radius: 32px; + background: #ffffff; + margin-bottom: 32px; + + &:last-child { + margin-bottom: 0; + } + + &.hasPaddingBottom { + padding-bottom: 48px; + } + + &.borderRadiusSmall { + border-radius: 20px; + } + + .lp-chunk-title { + height: 88px; + background: #ffffff; + font-weight: 500; + font-size: 34px; + color: boleGetCssVar('text-color', 'primary'); + line-height: 88px; + } + + .lp-chunk-content { + .nut-cell.bole-form-item { + padding: 0; + padding-bottom: 48px; + } + } +} -- Gitblit v1.9.1