diff --git a/.DS_Store b/.DS_Store index 78d6197..52d6fd7 100644 Binary files a/.DS_Store and b/.DS_Store differ diff --git a/website/css/style.css b/website/css/style.css index cdd0e1a..97e8b2b 100644 --- a/website/css/style.css +++ b/website/css/style.css @@ -154,6 +154,41 @@ p { text-align: left; font-size: 1.125rem; } +.pc-section-sub-title { + font-size: 24px; + font-family: PingFangSC-Regular, PingFang SC; + font-weight: 400; + color: #9b9b9b; + margin-bottom: 22px; +} +.section-title-ul { + margin: auto; +} +.section-title-ul::after { + clear: both; + content: ''; + display: block; +} +.section-title-ul li { + font-size: 24px; + font-family: PingFangSC-Medium, PingFang SC; + font-weight: 500; + color: #444a59; + float: left; + position: relative; + margin-right: 60px; +} +.section-title-ul li::before { + content: '·'; + position: absolute; + left: -34px; +} +.section-title-ul li.first::before { + content: ''; +} +.section-title-ul li.last { + margin-right: 0; +} .section-badge { display: inline-block; margin-bottom: 10px; @@ -165,6 +200,31 @@ p { -webkit-box-shadow: 0 10px 16px 0 rgba(21, 219, 150, 0.15); box-shadow: 0 10px 16px 0 rgba(21, 219, 150, 0.15); } +.section-sub-btn { + margin-top: 60px; + width: 226px; + background: #2f55ec !important; +} +.big-adaptation-img-container { +} +.big-adaptation-img-container img { +} +.gray-btn { + background: #4a547b !important; +} +.mb-3 { + width: 400px; +} +.form-control { + background: rgba(187, 192, 212, 0.1); + border-radius: 8px; + border: 1px solid rgba(187, 192, 212, 0.4); + font-size: 14px; + font-family: PingFangSC-Regular, PingFang SC; + font-weight: 400; + color: #9b9b9b; + line-height: 20px; +} .default-outline-btn { display: inline-block; overflow: hidden; @@ -187,6 +247,9 @@ p { background: #12bd81; color: #fff !important; } +.blue-text { + color: #0095ff !important; +} .blue-btn { background-color: #0095ff !important; } @@ -227,7 +290,14 @@ p { box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); } @media only screen and (max-width: 750px) { - .github { + .github, + .mobile-hidden { + display: none !important; + } +} + +@media only screen and (min-width: 750px) { + .pc-hidden { display: none !important; } } @@ -1008,6 +1078,16 @@ p { position: relative; display: inline-block; } +.services-img { + background-color: initial !important; +} +.services-img img { + width: 100%; + height: 100%; +} +.not-line:before { + background-color: initial !important; +} .box-title { font-size: 24px; font-family: PingFangSC-Semibold, PingFang SC; diff --git a/website/img/chat.png b/website/img/chat.png new file mode 100644 index 0000000..f504eb6 Binary files /dev/null and b/website/img/chat.png differ diff --git a/website/img/chat@2x.png b/website/img/chat@2x.png new file mode 100644 index 0000000..2f4409b Binary files /dev/null and b/website/img/chat@2x.png differ diff --git a/website/img/github.png b/website/img/github.png new file mode 100644 index 0000000..d42f354 Binary files /dev/null and b/website/img/github.png differ diff --git a/website/img/github@2x.png b/website/img/github@2x.png new file mode 100644 index 0000000..daa807e Binary files /dev/null and b/website/img/github@2x.png differ diff --git a/website/img/map.png b/website/img/map.png new file mode 100644 index 0000000..7754236 Binary files /dev/null and b/website/img/map.png differ diff --git a/website/img/map@2x.png b/website/img/map@2x.png new file mode 100644 index 0000000..062c460 Binary files /dev/null and b/website/img/map@2x.png differ diff --git a/website/img/map@3x.png b/website/img/map@3x.png new file mode 100644 index 0000000..a3d5366 Binary files /dev/null and b/website/img/map@3x.png differ diff --git a/website/img/pad.png b/website/img/pad.png new file mode 100644 index 0000000..cb9012d Binary files /dev/null and b/website/img/pad.png differ diff --git a/website/img/pad@2x.png b/website/img/pad@2x.png new file mode 100644 index 0000000..6b3d1fa Binary files /dev/null and b/website/img/pad@2x.png differ diff --git a/website/img/pc.png b/website/img/pc.png new file mode 100644 index 0000000..debbc98 Binary files /dev/null and b/website/img/pc.png differ diff --git a/website/img/pc@2x.png b/website/img/pc@2x.png new file mode 100644 index 0000000..9cee450 Binary files /dev/null and b/website/img/pc@2x.png differ diff --git a/website/img/phone 2.png b/website/img/phone 2.png new file mode 100644 index 0000000..e85d0ae Binary files /dev/null and b/website/img/phone 2.png differ diff --git a/website/img/phone 2@2x.png b/website/img/phone 2@2x.png new file mode 100644 index 0000000..ffde010 Binary files /dev/null and b/website/img/phone 2@2x.png differ diff --git a/website/img/phone.png b/website/img/phone.png new file mode 100644 index 0000000..375e715 Binary files /dev/null and b/website/img/phone.png differ diff --git a/website/img/phone@2x.png b/website/img/phone@2x.png index 0fd5e05..d884b42 100644 Binary files a/website/img/phone@2x.png and b/website/img/phone@2x.png differ diff --git a/website/img/qq.png b/website/img/qq.png new file mode 100644 index 0000000..ee5a747 Binary files /dev/null and b/website/img/qq.png differ diff --git a/website/img/qq@2x.png b/website/img/qq@2x.png new file mode 100644 index 0000000..ec640cb Binary files /dev/null and b/website/img/qq@2x.png differ diff --git a/website/img/wechat.png b/website/img/wechat.png new file mode 100644 index 0000000..f5ac3bb Binary files /dev/null and b/website/img/wechat.png differ diff --git a/website/img/wechat@2x.png b/website/img/wechat@2x.png new file mode 100644 index 0000000..64ddf6c Binary files /dev/null and b/website/img/wechat@2x.png differ diff --git a/website/img/zhi.png b/website/img/zhi.png new file mode 100644 index 0000000..b53d803 Binary files /dev/null and b/website/img/zhi.png differ diff --git a/website/img/zhi@2x.png b/website/img/zhi@2x.png new file mode 100644 index 0000000..0b5aa36 Binary files /dev/null and b/website/img/zhi@2x.png differ diff --git a/website/img/代码可移植.png b/website/img/代码可移植.png new file mode 100644 index 0000000..958cac6 Binary files /dev/null and b/website/img/代码可移植.png differ diff --git a/website/img/代码可移植@2x.png b/website/img/代码可移植@2x.png new file mode 100644 index 0000000..37f1de6 Binary files /dev/null and b/website/img/代码可移植@2x.png differ diff --git a/website/img/所见即所得.png b/website/img/所见即所得.png new file mode 100644 index 0000000..6312439 Binary files /dev/null and b/website/img/所见即所得.png differ diff --git a/website/img/所见即所得@2x.png b/website/img/所见即所得@2x.png new file mode 100644 index 0000000..c69c290 Binary files /dev/null and b/website/img/所见即所得@2x.png differ diff --git a/website/img/自动云同步.png b/website/img/自动云同步.png new file mode 100644 index 0000000..ffdb667 Binary files /dev/null and b/website/img/自动云同步.png differ diff --git a/website/img/自动云同步@2x.png b/website/img/自动云同步@2x.png new file mode 100644 index 0000000..e0a36a4 Binary files /dev/null and b/website/img/自动云同步@2x.png differ diff --git a/website/index.html b/website/index.html index 06d47b0..c9b4781 100644 --- a/website/index.html +++ b/website/index.html @@ -2,342 +2,551 @@ - - - - - - - - - - - - H5数据可视化搭建平台 - - - - + + + + + + + + + + + + H5数据可视化搭建平台 + + + + - -
- -
-
- - -
- -
- + +
+ +
+
+ + +
+ +
+ - -
-
-
-
-
-

- 让H5制作，更方便 -

-

- H5-Dooring是一款功能强大，高可扩展的H5可视化页面配置解决方案，致力于提供一套简单方便、专业可靠、无限可能的H5落地页最佳实践。 -

- 免费体验 - GPL商业授权+私有化部署 - Github -
- -
- Hero image -
- -
- + +
+
+
+
+
+

+ 让H5制作，更方便 +

+

+ H5-Dooring是一款功能强大，高可扩展的H5可视化页面配置解决方案，致力于提供一套简单方便、专业可靠、无限可能的H5落地页最佳实践。 +

+ 免费体验 + GPL商业授权+私有化部署 + 在线文档
-
-
- + +
+ Hero image +
+ +
+ +
+ + + +
+
+ +
+
+
+
+ +
+ 所见即所得 +
+

+ 无需编程，简单拖拽可视化模板或组件，即可生成精美H5页面 +

+
+
+
+ +
+
+
+ +
+ 代码可移植 +
+

+ 平台生成的H5前端代码，可植入任何系统，且支持二次开发 +

+
+
+
+ +
+
+
+ +
+ 自动云同步 +
+

+ 在线制作H5，登录账号同步保存，无需下载客户端. +

+
+
+
+ +
+ +
+ +
+ +
+
+
+
+
+

产品特点

+

+ 通过不断打磨和迭代，致力于打造功能更强大，操作更便捷的H5营销工具 +

+
+
+ +
+ +
+
+
+
+ 1 +
+ 简单方便 +
+

+ 任何人只需要傻瓜式拖拽或进行简单编辑即可生成精美的H5页面 +

+
+
+
+ +
+
+
+ 2 +
+ 插拔式体验 +
+

+ 产品以GPL协议开源，可植入任何系统，并支持二次开发 +

+
+
+
+ +
+
+
+ 3 +
+ 持续迭代，无限可能 +
+

+ 目前正在持续迭代中，后续可根具需求开发功能更强大的可视化系统. +

+
+
+
+ +
+ +
+ +
- -
-
-
-
-
-

产品特点

-

- 通过不断打磨和迭代，致力于打造功能更强大，操作更便捷的H5营销工具 -

-
-
- -
- +
+
+
+
+
+

拖拽生成H5页面

+

+ 提供丰富的页面组件，更方便的为使用者搭建更强大的H5落地页 +

+
    +
  • 产品营销页面
    • +
  • 企业/个人微官网
    • +
  • 产品原型
    • +
  • H5活动页面
    • +
+ 开始使用 +
+
+ + +
+ +
+
+
+
+ 1 +
+ 简单方便 +
+

+ 任何人只需要傻瓜式拖拽或进行简单编辑即可生成精美的H5页面 +

+
+
+
+ +
+
+
+ 2 +
+ 插拔式体验 +
+

+ 产品以GPL协议开源，可植入任何系统，并支持二次开发 +

+
+
+
+ +
+
+
+ 3 +
+ 持续迭代，无限可能 +
+

+ 目前正在持续迭代中，后续可根具需求开发功能更强大的可视化系统. +

+
+
+
+ +
+ +
+ +
+ +
+
+
+
+
+

模板灵活配置

+

+ 创建模板，一键复用，多种组件，灵活配置 +

+ 立即注册 +
+
+ + +
+ +
+ +
+ +
+
+
+
+
+

一次创建多端适配

+

+ 自动适配多个客户端，无需重复配置相同页面，省时更省心 +

+ 立即注册 +
+
+
+ +
+ +
+ +
+ +
+ + +
+
+
+
+ About image +
+ +
+
+ +

拖拽式生成H5页面

+

+ 通过轻松拖拽的方式来快速生成H5页面元素，并提供丰富的页面组件，更方便的为使用者搭建更强大的H5落地页 +

+
+
+
    +
  • 产品营销页面
    • +
  • 企业/个人微官网
    • +
  • 产品原型/H5活动页面 +
    • +
+
+ 免费体验 + + +
+ +
+ +
+ +
+ + +
+
+
+
+ About image +
+
+
+
+ +

灵活预览

+

+ 自由拖拽，灵活缩放视图，支持H5长页面，移动端真机预览，PC端模拟预览，最大限度的降低使用成本 +

-
-
-
- 1 -
- 简单方便 -
-

- 任何人只需要傻瓜式拖拽或进行简单编辑即可生成精美的H5页面 -

-
-
+
+
+
+ 1 +
+ 移动端适配 +
+

+ 适配不同移动端机型，实时可调整，预览无压力 +

+
- -
-
-
- 2 -
- 插拔式体验 -
-

- 产品以GPL协议开源，可植入任何系统，并支持二次开发 -

-
-
+
+ +
+
+
+ 2 +
+ 持续升级 +
+

+ 定期根据用户需求进行系统升级，优化，创造更好的体验 +

+
- -
-
-
- 3 -
- 持续迭代，无限可能 -
-

- 目前正在持续迭代中，后续可根具需求开发功能更强大的可视化系统. -

-
-
+
+ +
+
+
+ 3 +
+ 实时下载 +
+

+ 用户不用担心存储问题，可在平台直接下载对应代码或json文件，更灵活的使用. +

+
- +
+
- -
- -
- - -
-
-
-
- About image -
- -
-
- -

拖拽式生成H5页面

-

- 通过轻松拖拽的方式来快速生成H5页面元素，并提供丰富的页面组件，更方便的为使用者搭建更强大的H5落地页 -

-
-
-
    -
  • 产品营销页面
    • -
  • 企业/个人微官网
    • -
  • 产品原型/H5活动页面
    • -
-
- 免费体验 - - -
- -
- +
- -
- - -
-
-
-
- About image -
-
-
-
- -

灵活预览

-

- 自由拖拽，灵活缩放视图，支持H5长页面，移动端真机预览，PC端模拟预览，最大限度的降低使用成本 -

-
-
-
-
- 1 -
- 移动端适配 -
-

- 适配不同移动端机型，实时可调整，预览无压力 -

-
-
-
- -
-
-
- 2 -
- 持续升级 -
-

- 定期根据用户需求进行系统升级，优化，创造更好的体验 -

-
-
-
- -
-
-
- 3 -
- 实时下载 -
-

- 用户不用担心存储问题，可在平台直接下载对应代码或json文件，更灵活的使用. -

-
-
-
- -
- -
-
- - + - -
- -
- -
- -
- - - - - -
-
-
-
-
-

问题反馈

-

- 如果在使用过程中有任何疑问或者需求，可以通过以下方式联系到作者 -

-
趣谈前端
-
-
- -
-
- -
- - - - - - - - - - - -
-
-
- -
+ +
+
- + + + + + + + + + +
+
+
+
+
+

联系我们

+

+ 想了解更多？可以通过以下方式联系到作者 +

+
+ +
+ +
+ +
+
+
+ 趣谈前端 +
+
+
+ +
+
+ +
+
+ + +
+
+
+ +
+ +
+
+
+
+
+

问题反馈

+

+ 如果在使用过程中有任何疑问或者需求，可以通过以下方式联系到作者 +

+
趣谈前端
+
+
+ +
+
+ +
+ + + + + + + + + +
+
+
+ +
- + - - - - - - + + + + + + + + +