From 5c33978e9e3e934378d8f2153a2cd919b1cb6ddd Mon Sep 17 00:00:00 2001 From: zhengyiming <540361168@qq.com> Date: 星期四, 10 七月 2025 18:05:41 +0800 Subject: [PATCH] init --- src/Home/less/content13.less | 109 +++++++++++++++++++++++++++++++++++++++++++++++++++--- 1 files changed, 103 insertions(+), 6 deletions(-) diff --git a/src/Home/less/content13.less b/src/Home/less/content13.less index c14e943..5366b05 100644 --- a/src/Home/less/content13.less +++ b/src/Home/less/content13.less @@ -1,16 +1,16 @@ @content13: content13; .@{content13}-wrapper { - height: 664px; - background: url('https://gw.alipayobjects.com/zos/rmsportal/ZsWYzLOItgeaWDSsXdZd.svg') - no-repeat bottom; + height: 654px; + // background: url('https://gw.alipayobjects.com/zos/rmsportal/ZsWYzLOItgeaWDSsXdZd.svg') + // no-repeat bottom; background-size: cover; background-size: 100%; margin: 0 auto; overflow: hidden; - padding: 96px 0; + padding: 64px 0; &.home-page-wrapper { .title-wrapper { - margin-bottom: 32px; + margin-bottom: 0; } } .title-content { @@ -18,8 +18,105 @@ } } +.content131-wrapper { + height: 578px; + + .contact-item { + display: flex; + align-items: center; + padding-left: 64px; + margin-bottom: 16px; + + &:last-child { + margin-bottom: 0; + } + } +} + +.content132-wrapper { + height: 528px; + .enroll-item { + display: flex; + padding: 26px 36px; + min-width: 0; + border: #4564ff solid 1px; + border-radius: 8px; + flex: 1; + flex-direction: row; + .enroll-icon { + margin-right: 36px; + img { + width: 94px; + height: auto; + } + } + .enroll-info { + display: flex; + justify-content: space-around; + min-width: 0; + flex: 1; + flex-direction: column; + .enroll-title { + font-size: 20px; + font-weight: 400; + color: #1f6cdd; + &::after { + display: block; + margin-top: 18px; + width: 50px; + height: 2px; + border-radius: 1.5px; + background: #1f6cdd; + content: ' '; + transition-duration: 0.5s; + } + } + .download-btn { + box-sizing: content-box; + // padding: 0 2em; + width: 50%; + font-size: 14px; + line-height: 2; + border: 1px solid #73c6f4; + border-radius: 6px; + text-align: center; + color: #ffffff; + background: #4564ff; + cursor: pointer; + } + &:hover { + .enroll-title { + &::after { + width: 96px; + } + } + } + } + } +} + @media screen and (max-width: 767px) { .@{content13}-wrapper { - padding-bottom: 0; + padding-bottom: 64px; + } + + .content131-wrapper { + height: 776px; + } + + .content132-wrapper { + height: 744px; + } + + .content131-wrapper, + .content132-wrapper { + .ant-col + .ant-col { + margin-top: 36px; + } + + .contact-item { + padding-left: 0; + justify-content: center; + } } } -- Gitblit v1.9.1