From 420e1a9d63074e2e25bbc1e524fd4fd2a6e0d333 Mon Sep 17 00:00:00 2001 From: OldTT <2622788078@qq.com> Date: Fri, 17 Nov 2023 17:09:16 +0800 Subject: [PATCH] =?UTF-8?q?=E6=8F=90=E4=BA=A4=E5=8A=9F=E8=83=BD=E5=AF=B9?= =?UTF-8?q?=E6=AF=94=E6=B8=85=E5=8D=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- public/site/css/common.css | 5 + public/site/css/price.css | 30 +- public/site/css/rem.css | 3 + public/site/en/price.html | 832 ++++++++++++++++++++++++------- public/site/img/price_icon2.svg | 11 + public/site/zh/price.html | 850 +++++++++++++++++++++++++------- 6 files changed, 1371 insertions(+), 360 deletions(-) create mode 100644 public/site/img/price_icon2.svg diff --git a/public/site/css/common.css b/public/site/css/common.css index 3f4ae9fcd..6ec3fa2d2 100644 --- a/public/site/css/common.css +++ b/public/site/css/common.css @@ -470,6 +470,11 @@ img { grid-template-columns: 480px 266px 266px 266px; } +.grid-5 { + display: grid !important; + grid-template-columns: 336px 236px 236px 236px 236px; +} + /* padding样式 */ .pl-26 { padding-left: 26px; diff --git a/public/site/css/price.css b/public/site/css/price.css index e9e2c563e..2eb17e16e 100644 --- a/public/site/css/price.css +++ b/public/site/css/price.css @@ -139,18 +139,26 @@ } .plans-ol-item-h6{ color: var(--txt-4ca5); + line-height: normal; } .plans-ol-item-icon{ display: block; height: 24px; } + +.plans-ol-item-icon2{ + display: block; + height: 24px; + opacity: 0.5; +} + .plans-ul-b{ display: grid; grid-template-columns: 506px 266px 266px 266px; } .plans-ul-b-item-btn{ display: inline-block; - width: 218px; + width: 160px; } .flex-s-c{ display: flex; @@ -202,6 +210,13 @@ box-sizing: border-box; box-shadow: 0 4px 12px rgba(0,0,0,.15); } + +@media screen and (max-width: 600px) { + .BulletBox1{ + width: 80%; + } +} + .BulletBox1 .top{ width: 382px; line-height: 20px; @@ -225,13 +240,12 @@ color: rgb(96, 98, 102); } .BulletBox1 .bottom{ - width: 370px; - height: 34px; + display: flex; + justify-content: end; padding: 20px 30px 22px 30px; position: relative; } .BulletBox1 .bottom .BulletBox1Btn{ - position: absolute; min-width: 100px; right: 20px; height: 34px; @@ -243,3 +257,11 @@ border-radius: 8px; padding: 5px; } + +.price-ceiling { + position: sticky; + top: 80px; + background-color: #fff; + border-bottom: 1px solid var(--border-color); + z-index: 9999; +} \ No newline at end of file diff --git a/public/site/css/rem.css b/public/site/css/rem.css index 9e152a178..3e1c7e710 100644 --- a/public/site/css/rem.css +++ b/public/site/css/rem.css @@ -80,6 +80,9 @@ .grid-4{ grid-template-columns: 32vw 18vw 18vw 18vw !important; } + .grid-5{ + grid-template-columns: 26vw 18.5vw 18.5vw 18.5vw 18.5vw !important; + } .plans-ul-b{ grid-template-columns: calc(34vw + 4px) 18vw 18vw 18vw !important; } diff --git a/public/site/en/price.html b/public/site/en/price.html index d86b06581..3290db541 100644 --- a/public/site/en/price.html +++ b/public/site/en/price.html @@ -183,7 +183,7 @@
  • -

    customised version

    +

    Customised version

    Custom

    @@ -308,68 +308,84 @@

    Compare all plans

    The product supports a variety of application scenarios to help team collaboration