You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@echarts.apache.org by ov...@apache.org on 2020/12/31 06:17:58 UTC
[incubator-echarts-www] branch next updated: feat: fix lottie
problem
This is an automated email from the ASF dual-hosted git repository.
ovilia pushed a commit to branch next
in repository https://gitbox.apache.org/repos/asf/incubator-echarts-www.git
The following commit(s) were added to refs/heads/next by this push:
new 4f387c5 feat: fix lottie problem
new 2b326c8 Merge pull request #20 from zhanfang/next
4f387c5 is described below
commit 4f387c5d6d056b33042e9020f010334e9a2c31d1
Author: zhanfang <zh...@baidu.com>
AuthorDate: Thu Dec 31 14:15:21 2020 +0800
feat: fix lottie problem
---
_jade/zh/index.jade | 24 +++++++++----------
_scss/_components.page.scss | 16 ++++++-------
_scss/_pages.index.scss | 57 +++++----------------------------------------
3 files changed, 25 insertions(+), 72 deletions(-)
diff --git a/_jade/zh/index.jade b/_jade/zh/index.jade
index 5d36253..040ad58 100644
--- a/_jade/zh/index.jade
+++ b/_jade/zh/index.jade
@@ -1,7 +1,11 @@
+html.sr
+
extends ../layouts/basic
block extra_head
title Apache ECharts (incubating)
+ script(src="https://unpkg.com/scrollreveal")
+ script(src="#{cdnPayRoot}/#{ecWWWLang}/asset/lottie/js/lottie.min.js?_v_=#{cdnPayVersion}")
block content
nav(class='navbar navbar-default navbar-fixed-top', role="navigation")
@@ -10,12 +14,6 @@ block content
.page-main#page-index
#main-content
section#home-section
- video#video-index(muted="true", loop='true', src='#{cdnFreeRoot}/#{ecWWWLang}/video/index-4.mp4', poster='#{cdnPayRoot}/#{ecWWWLang}/video/index-4.jpg?_v_=#{cdnPayVersion}')
-
- a#video-index-play.video-index-btn.video-play-btn.video-btn(href='javascript:;', onclick='playVideo("video-index")')
- include ../components/svg/play
- a#video-index-pause.video-index-btn.video-pause-btn.video-btn(href='javascript:;', onclick='pauseVideo("video-index")')
- include ../components/svg/pause
.description
include ../components/svg/echarts-logo
@@ -24,10 +22,6 @@ block content
a.btn.btn-main.btn-index-home(href='./download.html') 下载
.main-bg
- //- section.banner-section(style='background: #1e2e55')
- //- a(href='https://jing.baidu.com/h5/xzzb.html')
- //- img.banner-img(src='images/banners/2017-09-12-zhibo.png', style='max-width: 1000px')
-
script(type='text/javascript').
(function () {
@@ -37,8 +31,6 @@ block content
window.supportTouch = 'ontouchstart' in window && !ie && !edge;
})()
- script(src="#{cdnPayRoot}/#{ecWWWLang}/asset/lottie/js/lottie.min.js?_v_=#{cdnPayVersion}")
-
section#feature-section
.container
.features
@@ -162,7 +154,6 @@ block content
}
var id = $(this).find('.feature-icon-panel')[0].id;
- animationMap['bg-' + id].goToAndPlay(0);
animationMap[id].goToAndPlay(0);
});
@@ -184,6 +175,13 @@ block content
}
});
+ ScrollReveal().reveal('#feature-section', {delay: 0});
+ ScrollReveal().reveal('#feature-section .title p', {delay: 300});
+ ScrollReveal().reveal('#feature-section .title p.more', {delay: 600});
+ ScrollReveal().reveal('#feature-section .list-item .left', {delay: 900});
+ ScrollReveal().reveal('#feature-section .list-item .right h3', {delay: 1200});
+ ScrollReveal().reveal('#feature-section .list-item .right .content', {delay: 1500});
+
section#publication
.container
#start-line
diff --git a/_scss/_components.page.scss b/_scss/_components.page.scss
index 42a1bc0..73a5f57 100644
--- a/_scss/_components.page.scss
+++ b/_scss/_components.page.scss
@@ -1,14 +1,14 @@
$single-page-left-width: 200px;
$info-height: 120px;
-.page-main {
- position: absolute;
- left: 0;
- right: 0;
- top: 50px;
- bottom: 0;
- overflow-y: auto;
-}
+// .page-main {
+// position: absolute;
+// left: 0;
+// right: 0;
+// top: 50px;
+// bottom: 0;
+// overflow-y: auto;
+// }
.doc-version-change {
position: absolute;
diff --git a/_scss/_pages.index.scss b/_scss/_pages.index.scss
index 611b220..f4ab7c5 100644
--- a/_scss/_pages.index.scss
+++ b/_scss/_pages.index.scss
@@ -13,14 +13,9 @@ html {
body {
width: 100%;
- overflow-x: hidden;
background-color: #fff;
}
-#page-index {
- top: 0;
-}
-
#main-content {
color: $clr-text-home;
font-weight: 300;
@@ -43,18 +38,8 @@ body {
}
#home-section {
- position: relative;
- background-color: white;
-
- .btn {
- letter-spacing: 10px;
- box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.2);
- text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
-
- &:hover {
- text-shadow: none;
- }
- }
+ width: 100%;
+ height: 100vh;
}
#video-index {
@@ -290,37 +275,7 @@ body {
}
}
- #home-section {
- position: relative;
- overflow: hidden;
-
- .description {
- position: absolute;
- top: 50%;
- left: 50%;
- width: $index-logo-width;
- height: 200px;
- margin-top: -100px;
- margin-left: -$index-logo-width / 2;
- z-index: 20;
- color: white;
-
- text-align: center;
-
- h1 {
- font-size: 80px;
- text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
- }
-
- p {
- font-size: 15px;
- color: #eee;
- text-shadow: 1px 1px 2px #333;
- }
- }
- }
-
- #feature-section {
+#feature-section {
padding-top: 50px;
.container {
@@ -494,9 +449,9 @@ body {
}
}
- }
+}
- #publication {
+#publication {
#start-line {
position: relative;
@@ -561,7 +516,7 @@ body {
}
}
- }
+}
#gongzhonghao {
margin: 40px 0;
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org