From c2215452d6b6c9a701be536c4ace90ed8b5cf8eb Mon Sep 17 00:00:00 2001 From: gwokwong Date: Tue, 11 Jul 2023 19:52:07 +0800 Subject: [PATCH] =?UTF-8?q?feat:=20=E7=AB=8B=E5=8D=B3=E4=BD=93=E9=AA=8C?= =?UTF-8?q?=E6=8C=89=E9=92=AE=E3=80=81=E4=BB=B7=E6=A0=BC=E9=A1=B5=E9=9D=A2?= =?UTF-8?q?=E7=AD=89=E6=A0=B7=E5=BC=8F=E8=B0=83=E6=95=B4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- public/site/css/common.css | 1 - public/site/css/help.css | 283 +++++++++++++++++++--------------- public/site/css/price.css | 58 ++++++- public/site/en/about.html | 10 +- public/site/en/download.html | 2 +- public/site/en/help.html | 2 +- public/site/en/index.html | 6 +- public/site/en/log.html | 2 +- public/site/en/price.html | 85 ++++++---- public/site/en/product.html | 2 +- public/site/en/solutions.html | 2 +- public/site/index.html | 6 +- public/site/zh/about.html | 8 +- public/site/zh/download.html | 2 +- public/site/zh/help.html | 2 +- public/site/zh/index.html | 6 +- public/site/zh/log.html | 2 +- public/site/zh/price.html | 81 ++++++---- public/site/zh/product.html | 2 +- public/site/zh/solutions.html | 2 +- 20 files changed, 350 insertions(+), 214 deletions(-) diff --git a/public/site/css/common.css b/public/site/css/common.css index d5b0da2f1..31eaa0a8e 100644 --- a/public/site/css/common.css +++ b/public/site/css/common.css @@ -760,7 +760,6 @@ img { color: var(--text-color); } .get-started{ - width: 123px; display: inline-block; } .login-btn{ diff --git a/public/site/css/help.css b/public/site/css/help.css index a5fd87656..c1f6d6b24 100644 --- a/public/site/css/help.css +++ b/public/site/css/help.css @@ -1,158 +1,189 @@ /* 头部样式 */ -.nav{ - background-color: var(--pop-bg-color); - box-shadow: 0px 4px 9px var(--box-shadow-color); +.nav { + background-color: var(--pop-bg-color); + box-shadow: 0px 4px 9px var(--box-shadow-color); } -.help{ - position: relative; - margin: 56px 0 96px 0; - padding-top: 80px; + +.help { + position: relative; + margin: 56px 0 96px 0; + padding-top: 80px; } -.help-con{ - width: 100%; - max-width: 1280px; - margin: 0 auto; + +.help-con { + width: 100%; + max-width: 1280px; + margin: 0 auto; } -.help-layout{ - display: flex; - align-items: flex-start; + +.help-layout { + display: flex; + align-items: flex-start; } -.help-l{ - padding: 24px; - background: var(--bg-fa-color); - border-radius: 8px; - margin-right: 32px; - height: 95%; + +.help-l { + display: none; + padding: 24px; + background: var(--bg-fa-color); + border-radius: 8px; + margin-right: 32px; + height: 95%; } -.help-h5{ - color: var(--text-color); + +.help-h5 { + color: var(--text-color); } -.help-l-ul{ - width: 240px; - overflow: auto; - height: 82vh; + +.help-l-ul { + width: 240px; + overflow: auto; + height: 82vh; } -.l-ul-item{ - padding: 9px 16px; - cursor: pointer; - height: 22px; + +.l-ul-item { + padding: 9px 16px; + cursor: pointer; + height: 22px; } -.l-ul-item.active .txt{ - color: var(--txt-theme-color); + +.l-ul-item.active .txt { + color: var(--txt-theme-color); } -.l-ul-item.active{ - background-color: var(--bg-hover-color); - border-radius: 8px; + +.l-ul-item.active { + background-color: var(--bg-hover-color); + border-radius: 8px; } -.l-ul-item:hover{ - background: var(--bg-hover-color); - border-radius: 8px; + +.l-ul-item:hover { + background: var(--bg-hover-color); + border-radius: 8px; } -.txt{ - /* display: inline-block; */ - color: var(--txt-gray-color); + +.txt { + /* display: inline-block; */ + color: var(--txt-gray-color); } -.help-r{ - border-left: 1px solid var(--border-color); - padding-left: 32px; - position: relative; + +.help-r { + padding-left: 32px; + position: relative; } -.help-r::-webkit-scrollbar{ - width: 0 !important + +.help-r::-webkit-scrollbar { + width: 0 !important } -.help-pic1{ - position: relative; - padding-left: 34px; - width: auto; - height: 240px; - background: var(--txt-theme-color); - border-radius: 8px; - display: flex; - align-items: center; - overflow: hidden; + +.help-pic1 { + position: relative; + padding-left: 34px; + width: auto; + height: 240px; + background: var(--txt-theme-color); + border-radius: 8px; + display: flex; + align-items: center; + overflow: hidden; } -#help-pic1-svg{ - height: 100%; - position: absolute; - top: 0; - right: 0; + +#help-pic1-svg { + height: 100%; + position: absolute; + top: 0; + right: 0; } -.help-pic1-tips{ - max-width: 360px; + +.help-pic1-tips { + max-width: 360px; } -.help-pic1-tips-h2{ - color: #fff; - margin-bottom: 16px; + +.help-pic1-tips-h2 { + color: #fff; + margin-bottom: 16px; } -.help-pic1-tips-h6{ - color: #fff; + +.help-pic1-tips-h6 { + color: #fff; } -.help-h4{ - color: var(--text-color) !important; + +.help-h4 { + color: var(--text-color) !important; } -.help-h6{ - color: var(--txt-gray-color); + +.help-h6 { + color: var(--txt-gray-color); } -.help-h6-bold{ - color: var(--text-color) !important; + +.help-h6-bold { + color: var(--text-color) !important; } -.r-ul-item-pic1{ - display: block; - height: 316px; + +.r-ul-item-pic1 { + display: block; + height: 316px; } -.r-ul-item-pic2{ - display: block; - height: 418px; + +.r-ul-item-pic2 { + display: block; + height: 418px; } -.dots{ - background: url(../img/dots.svg) no-repeat; - width: 4px; - height: 4px; - display: block; - position: absolute; - left: 10px; - top: 10px; + +.dots { + background: url(../img/dots.svg) no-repeat; + width: 4px; + height: 4px; + display: block; + position: absolute; + left: 10px; + top: 10px; } -.help-t-768{ - display: flex; - align-items: center; - padding: 14px 16px; - background: var(--bg-fa-color); - border-radius: 8px; - margin-top: 16px; - cursor: pointer; - margin-bottom: 40px; + +.help-t-768 { + display: flex; + align-items: center; + padding: 14px 16px; + background: var(--bg-fa-color); + border-radius: 8px; + margin-top: 16px; + cursor: pointer; + margin-bottom: 40px; } -.help-t-prev{ - display: inline-block; - width: 14px; - margin-right: 8px; + +.help-t-prev { + display: inline-block; + width: 14px; + margin-right: 8px; } -.help-t-tit{ - font-weight: 400; - font-size: 16px; - line-height: 20px; - color: var(--txt-theme-color); + +.help-t-tit { + font-weight: 400; + font-size: 16px; + line-height: 20px; + color: var(--txt-theme-color); } -.help-drawer{ - position: fixed; - top: 0; - left: -90vw; - width: 75vw; - height: 100%; - padding: 22px 24px; - background-color: var(--pop-bg-color); - border: 1px solid var(--box-shadow-color); - box-shadow: var(--pop-box-shadow); - transition: all 0.5s ease-in-out; - z-index: 999; + +.help-drawer { + position: fixed; + top: 0; + left: -90vw; + width: 75vw; + height: 100%; + padding: 22px 24px; + background-color: var(--pop-bg-color); + border: 1px solid var(--box-shadow-color); + box-shadow: var(--pop-box-shadow); + transition: all 0.5s ease-in-out; + z-index: 999; } -.open-help-drawer{ - left: 0; + +.open-help-drawer { + left: 0; } -.help-t-768{ - display: none; + +.help-t-768 { + display: none; +} + +.filings { + border-top: 1px solid var(--border-color); } -.filings{ - border-top: 1px solid var(--border-color); -} \ No newline at end of file diff --git a/public/site/css/price.css b/public/site/css/price.css index f4e499419..e9e2c563e 100644 --- a/public/site/css/price.css +++ b/public/site/css/price.css @@ -186,4 +186,60 @@ /* 底部样式 */ .footer-layut{ border-top: var(--border-color) solid 1px; -} \ No newline at end of file +} +.BulletBox1{ + position: fixed; + display: none; + top: 50%; + left: 50%; + transform: translate(-50%,-50%); + background-color: #fff; + width: 430px; + text-align: center; + z-index: 9999; + border: 1px solid transparent; + border-radius: 18px; + box-sizing: border-box; + box-shadow: 0 4px 12px rgba(0,0,0,.15); +} +.BulletBox1 .top{ + width: 382px; + line-height: 20px; + padding: 22px 24px 20px 24px; + font-size: 18px; + color: #303133; + font-weight: 500; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + display: flex; + justify-content: space-between; +} +.BulletBox1 .content{ + width: 100%; + box-sizing: border-box; + line-height: 1.5; + font-size: 14px; + padding:16px 32px 2px 32px; + text-align: left; + color: rgb(96, 98, 102); +} +.BulletBox1 .bottom{ + width: 370px; + height: 34px; + padding: 20px 30px 22px 30px; + position: relative; +} +.BulletBox1 .bottom .BulletBox1Btn{ + position: absolute; + min-width: 100px; + right: 20px; + height: 34px; + line-height: 32px; + color: #fff; + background-color: #8bcf70; + border-color: #8bcf70; + cursor: pointer; + border-radius: 8px; + padding: 5px; +} diff --git a/public/site/en/about.html b/public/site/en/about.html index a5a6cc6b2..fff5c158b 100644 --- a/public/site/en/about.html +++ b/public/site/en/about.html @@ -76,7 +76,7 @@ - + @@ -262,12 +262,12 @@

We'd love to hear from you

Have questions about pricing, plans or products? Please fill out the form and we will contact you.
- Contact telephone number,13471168831 -
13471168831
+ Contact telephone number,0771-3164099 +
0771-3164099
- E-mail,hitosea@gmail.com -
hitosea@gmail.com
+ E-mail,service@hitosea.com +
service@hitosea.com
diff --git a/public/site/en/download.html b/public/site/en/download.html index 6f275a479..00775855c 100644 --- a/public/site/en/download.html +++ b/public/site/en/download.html @@ -76,7 +76,7 @@ - + diff --git a/public/site/en/help.html b/public/site/en/help.html index aeec73bb7..228f27f74 100644 --- a/public/site/en/help.html +++ b/public/site/en/help.html @@ -76,7 +76,7 @@ - + diff --git a/public/site/en/index.html b/public/site/en/index.html index 36c483eba..10298a1f7 100644 --- a/public/site/en/index.html +++ b/public/site/en/index.html @@ -76,7 +76,7 @@ - + @@ -101,7 +101,7 @@

Lightweight open source online project task management tool to help teams efficiently advance their projects and make work easier.

- + @@ -418,7 +418,7 @@

Turn on your DooTask team collaboration

- + diff --git a/public/site/en/log.html b/public/site/en/log.html index 488d52d88..9645d1976 100644 --- a/public/site/en/log.html +++ b/public/site/en/log.html @@ -76,7 +76,7 @@ - +
diff --git a/public/site/en/price.html b/public/site/en/price.html index f566ec76a..9529a47ee 100644 --- a/public/site/en/price.html +++ b/public/site/en/price.html @@ -13,6 +13,20 @@ +
+
+
+
+
+
+

If you have any questions, please feel free to contact us using the following methods.

+

landline telephone:0771-3164099

+

Email Address:service@hitosea.com

+
+
+
make certain
+
+
@@ -94,13 +108,13 @@

Different versions are available depending on the size and needs of your business

  • -

    Free

    +

    Regular version

    ¥0

    /month
    -
    Up to 3 persons
    - +
    No limit to the number of people
    +
    1. Support for private deployment @@ -109,13 +123,13 @@
  • -

    Annual

    +

    Professional Edition

    -

    ¥3,000

    - /year +

    ¥0

    + /month
    -
    No limit to the number of people
    - +
    Up to 3 persons
    +
    1. Support for private deployment @@ -132,12 +146,12 @@
  • -

    LifetimeRec.

    +

    Professional EditionRec.

    ¥18,888

    No limit to the number of people
    - +
    1. Support for private deployment @@ -162,12 +176,12 @@
  • -

    Customized Versions

    +

    customised version

    Custom

    No limit to the number of people
    - +
    1. Support for private deployment @@ -283,9 +297,9 @@

      • Feature

        -

        Free

        -

        Annual

        -

        Lifetime

        +

        Professional Edition

        +

        Professional Edition

        +

        customised version

      • Pricing

        @@ -295,16 +309,7 @@ /month
- - - -
-
-

¥3,000

- /year -
- - +
@@ -312,7 +317,15 @@

¥18,888

- + + + +
+
+

Custom

+
+ +
@@ -413,17 +426,17 @@

- +
- +
- +
@@ -754,5 +767,17 @@ }) timerId = null; // 执行完后将定时器置空 }, 1200); + // 联系我们和定制咨询弹框 + function showBox(text){ + const box = document.querySelector('.BulletBox1') + box.style.display = 'block' + const name = document.querySelector('.BulletBox1Name') + name.innerHTML = text + } + document.querySelector('.BulletBox1Btn').addEventListener('click',function(){ + console.log("aaaaa"); + const box = document.querySelector('.BulletBox1') + box.style.display = 'none' + }) \ No newline at end of file diff --git a/public/site/en/product.html b/public/site/en/product.html index 1ad972ff8..8ea8cb030 100644 --- a/public/site/en/product.html +++ b/public/site/en/product.html @@ -76,7 +76,7 @@ - + diff --git a/public/site/en/solutions.html b/public/site/en/solutions.html index 105301496..c945fcb1b 100644 --- a/public/site/en/solutions.html +++ b/public/site/en/solutions.html @@ -76,7 +76,7 @@ - + diff --git a/public/site/index.html b/public/site/index.html index 92f64650e..8936fe41b 100644 --- a/public/site/index.html +++ b/public/site/index.html @@ -76,7 +76,7 @@ - + @@ -100,7 +100,7 @@

DooTask是一款轻量级的开源在线项目任务管理工具，提供各类文档协作工具、在线思维导图、在线流程图、项目管理、任务分发、即时IM，文件管理等工具。助力团队高效推进项目，让工作更简单。

- + @@ -419,7 +419,7 @@

开启您的DooTask团队协作

- + diff --git a/public/site/zh/about.html b/public/site/zh/about.html index a16c78b72..d2bb9816b 100644 --- a/public/site/zh/about.html +++ b/public/site/zh/about.html @@ -76,7 +76,7 @@ - +
@@ -261,11 +261,11 @@
对价格、计划或产品有疑问吗？请填写表格，我们将与您联系。
联系手机,13471168831 -
13471168831
+
0771-3164099
- 邮箱,hitosea@gmail.com -
hitosea@gmail.com
+ 邮箱,service@hitosea.com +
hservice@hitosea.com
diff --git a/public/site/zh/download.html b/public/site/zh/download.html index 21096dc94..bfbec4bc1 100644 --- a/public/site/zh/download.html +++ b/public/site/zh/download.html @@ -76,7 +76,7 @@ - + diff --git a/public/site/zh/help.html b/public/site/zh/help.html index ad6c66e4b..566b9c4b8 100644 --- a/public/site/zh/help.html +++ b/public/site/zh/help.html @@ -76,7 +76,7 @@ - + diff --git a/public/site/zh/index.html b/public/site/zh/index.html index f7bc78a91..35b601f3f 100644 --- a/public/site/zh/index.html +++ b/public/site/zh/index.html @@ -76,7 +76,7 @@ - + @@ -100,7 +100,7 @@

DooTask是一款轻量级的开源在线项目任务管理工具，提供各类文档协作工具、在线思维导图、在线流程图、项目管理、任务分发、即时IM，文件管理等工具。助力团队高效推进项目，让工作更简单。

- + @@ -418,7 +418,7 @@

开启您的DooTask团队协作

- + diff --git a/public/site/zh/log.html b/public/site/zh/log.html index 546ef3b5d..7b2d3a543 100644 --- a/public/site/zh/log.html +++ b/public/site/zh/log.html @@ -76,7 +76,7 @@ - +
diff --git a/public/site/zh/price.html b/public/site/zh/price.html index cd3f755a4..0284603b7 100644 --- a/public/site/zh/price.html +++ b/public/site/zh/price.html @@ -13,6 +13,20 @@ +
+
+
联系我们
+
+
+
+

如果有任何问题，欢迎使用以下方式与我们联系。

+

座机电话：0771-3164099

+

邮箱地址：service@hitosea.com

+
+
+
确定
+
+
@@ -94,13 +108,13 @@

根据你的企业的规模和需求，有不同的版本可供选择

  • -

    免费

    +

    普通版

    ¥0

    /月
    -
    最多3人
    - +
    人数无限制
    +
    1. 支持私有化部署 @@ -109,13 +123,13 @@
  • -

    年度

    +

    专业版

    -

    ¥3,000

    - /年 +

    ¥0

    + /月
    -
    人数无限制
    - +
    最多3人
    +
    1. 支持私有化部署 @@ -132,12 +146,12 @@
  • -

    终身Rec.

    +

    专业版Rec.

    ¥18,888

    人数无限制
    - +
    1. 支持私有化部署 @@ -167,7 +181,7 @@

      定制

人数无限制
- +
  1. 支持私有化部署 @@ -283,9 +297,9 @@

    • 特点

      -

      免费

      -

      年度

      -

      终身

      +

      专业版

      +

      专业版

      +

      定制版

    • 定价

      @@ -295,16 +309,7 @@ /月 - - - -
      -
      -

      ¥3,000

      - /年 -
      - - +
      @@ -312,7 +317,15 @@

      ¥18,888

      - + + + +
      +
      +

      定制

      +
      + +
      • @@ -418,12 +431,12 @@
      - +
      - +
      @@ -753,5 +766,17 @@ }) timerId = null; // 执行完后将定时器置空 }, 1200); + // 联系我们和定制咨询弹框 + function showBox(text){ + const box = document.querySelector('.BulletBox1') + box.style.display = 'block' + const name = document.querySelector('.BulletBox1Name') + name.innerHTML = text + } + document.querySelector('.BulletBox1Btn').addEventListener('click',function(){ + console.log("aaaaa"); + const box = document.querySelector('.BulletBox1') + box.style.display = 'none' + }) \ No newline at end of file diff --git a/public/site/zh/product.html b/public/site/zh/product.html index fa76c30db..4714d3c65 100644 --- a/public/site/zh/product.html +++ b/public/site/zh/product.html @@ -76,7 +76,7 @@ - + diff --git a/public/site/zh/solutions.html b/public/site/zh/solutions.html index 7beaed4f0..29011badf 100644 --- a/public/site/zh/solutions.html +++ b/public/site/zh/solutions.html @@ -76,7 +76,7 @@ - +