This is an automated email from the ASF dual-hosted git repository.
xiaoyu pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/shenyu-website.git
The following commit(s) were added to refs/heads/main by this push:
new f462a6fa67 update the index and user page (#713)
f462a6fa67 is described below
commit f462a6fa6782a8698d3442473eaa08e6471b07eb
Author: gouzixing <[email protected]>
AuthorDate: Thu Aug 18 11:27:28 2022 +0800
update the index and user page (#713)
* newsPage
* news page
* bugfix
* news page update
* bugfix --path bug
* conflict
* conflict
* img update
* blog page refractor
* blog page new style
* delete annotate
* index page highlight for slogon
* bugfix:document for node
* bugfix--link false
* i18n & link fix
* 'translate'
* translate
* urlchange bugfix
* docs fix
* delete unused import
* fix
* event page & navibar update & overview doc & pic update for news
* lint
* lint
* translate
* lint
* trans
* feat
* fix--locale=zh
* docs fix
* footer
* i18n
* userList
* fix
* fix
* fix
* index
* fix
* hover
* fix
* index page
* index page
* SWIPER
* SWIPER
Co-authored-by: gouzixing <[email protected]>
Co-authored-by: gouzixing <[email protected]>
---
i18n/zh/code.json | 26 +++++++++++++++++++++++++-
src/components/FeatureCard.module.css | 2 +-
src/components/Features.tsx | 11 +++++++++--
src/pages/index.module.css | 12 ++++++------
src/pages/index.tsx | 4 ++--
src/pages/users.tsx | 18 +++++++++---------
6 files changed, 52 insertions(+), 21 deletions(-)
diff --git a/i18n/zh/code.json b/i18n/zh/code.json
index f17439bf82..c5015f7f0a 100755
--- a/i18n/zh/code.json
+++ b/i18n/zh/code.json
@@ -471,5 +471,29 @@
},
"Mail Archive":{
"message":"邮件归档"
- }
+ },
+ "Proxy":{
+ "message":"服务代理"
+ },
+ "Security":{
+ "message":"安全性"
+ },
+ "API governance":{
+ "message":"API 治理"
+ },
+ "Observability":{
+ "message":"可观测性"
+ },
+ "Dashboard":{
+ "message":"控制面板"
+ },
+ "Extensions":{
+ "message":"拓展"
+ },
+ "Cluster":{
+ "message":"集群"
+ },
+ "Language":{
+ "message":"语言"
+ }
}
diff --git a/src/components/FeatureCard.module.css
b/src/components/FeatureCard.module.css
index c4d489828b..f8b595a9c2 100644
--- a/src/components/FeatureCard.module.css
+++ b/src/components/FeatureCard.module.css
@@ -3,7 +3,7 @@
border-radius: 15px;
padding: 1rem;
box-shadow: var(--ifm-navbar-shadow);
- height: 200px;
+ height: 220px;
text-align: center;
}
diff --git a/src/components/Features.tsx b/src/components/Features.tsx
index ac1d569b6f..04d5feb6dc 100644
--- a/src/components/Features.tsx
+++ b/src/components/Features.tsx
@@ -8,7 +8,8 @@ import styles from './Features.module.css';
import { Swiper, SwiperSlide } from "swiper/react";
import SwiperCore, {
Autoplay,
- EffectCoverflow
+ EffectCoverflow,
+ Navigation
} from 'swiper';
import "swiper/css";
import "swiper/css/navigation";
@@ -86,7 +87,11 @@ const Features = (): React.ReactElement => (
<h1 className={styles.blockTitle}><Translate>Feature List</Translate></h1>
<div className={styles['features--wrap']}>
<Swiper
- modules={[Autoplay, EffectCoverflow]}
+ modules={[Autoplay, EffectCoverflow, Navigation]}
+ navigation={{
+ nextEl: '.user-swiper-button-nextPage',
+ prevEl: '.user-swiper-button-previous',
+ }}
watchSlidesProgress={true}
slidesPerView={3.3}
centeredSlides={true}
@@ -112,6 +117,8 @@ const Features = (): React.ReactElement => (
</SwiperSlide>
))}
</Swiper>
+ <div className="swiper-button-prev user-swiper-button-previous" style={{
top:"1545px", left: "50px", color:'#000033'}}></div>
+ <div className="swiper-button-next user-swiper-button-nextPage" style={{
top:"1545px", right: "50px", color:'#000033' }}></div>
</div>
</section>
);
diff --git a/src/pages/index.module.css b/src/pages/index.module.css
index 2e7906ee7b..e9061756dd 100755
--- a/src/pages/index.module.css
+++ b/src/pages/index.module.css
@@ -235,7 +235,7 @@
.scrollView{
margin-top: 40px;
- animation: 45s linear 0s infinite alternate none running animation-autoplay;
+ animation: 15s linear 0s infinite alternate none running animation-autoplay;
position:absolute;
}
@@ -245,7 +245,7 @@
}
100% {
- transform: translate3d(-4500px, 0px, 0px);
+ transform: translate3d(-2000px, 0px, 0px);
}
}
@@ -268,14 +268,14 @@
.scrollItem{
flex-shrink: 0;
- width: 320px;
- padding: 15px 30px;
+ width: 170px;
+ padding: 15px 0px;
height: 100px;
}
.scrollImage{
- width: 55%;
- height: 55%;
+ width: 68%;
+ height: 68%;
object-fit: contain;
}
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 3c26466e52..392691c991 100755
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -149,8 +149,8 @@ function Home() {
</SwiperSlide>
</Swiper>
</div>
- <div className="swiper-button-prev user-swiper-button-prev" style={{
top:"880px", left: "50px" }}></div>
- <div className="swiper-button-next user-swiper-button-next" style={{
top:"880px", right: "50px" }}></div>
+ <div className="swiper-button-prev user-swiper-button-prev" style={{
top:"880px", left: "50px", color:'#000033' }}></div>
+ <div className="swiper-button-next user-swiper-button-next" style={{
top:"880px", right: "50px", color:'#000033' }}></div>
<div className={clsx(styles.section, styles.sectionAlt)}>
<div className="container">
<Features />
diff --git a/src/pages/users.tsx b/src/pages/users.tsx
index 71054698be..b391e74ff2 100644
--- a/src/pages/users.tsx
+++ b/src/pages/users.tsx
@@ -54,9 +54,9 @@ function Users() {
userGroups[0].map((user, i) => {
return (
<div className={styles.scrollItem} key={i}>
- < a href="noopener noreferrer" target="_blank">
- < img className={styles.scrollImage} src={user.src
&& (user.src.startsWith("http") ? user.src : useBaseUrl(user.src))}
alt={user.name} />
- </ a>
+ <a href="noopener noreferrer" target="_blank">
+ <img className={styles.scrollImage} src={user.src
&& (user.src.startsWith("http") ? user.src : useBaseUrl(user.src))}
alt={user.name} />
+ </a>
</div>
)
})
@@ -67,9 +67,9 @@ function Users() {
userGroups[1].map((user, i) => {
return (
<div className={styles.scrollItem} key={i}>
- < a href={user.link} rel="noopener noreferrer"
target="_blank">
- < img className={styles.scrollImage} src={user.src
&& (user.src.startsWith("http") ? user.src : useBaseUrl(user.src))}
alt={user.name} />
- </ a>
+ <a href={user.link} rel="noopener noreferrer"
target="_blank">
+ <img className={styles.scrollImage} src={user.src
&& (user.src.startsWith("http") ? user.src : useBaseUrl(user.src))}
alt={user.name} />
+ </a>
</div>
)
})
@@ -80,9 +80,9 @@ function Users() {
userGroups[2].map((user, i) => {
return (
<div className={styles.scrollItem} key={i}>
- < a href={user.link} rel="noopener noreferrer"
target="_blank">
- < img className={styles.scrollImage} src={user.src
&& (user.src.startsWith("http") ? user.src : useBaseUrl(user.src))}
alt={user.name} />
- </ a>
+ <a href={user.link} rel="noopener noreferrer"
target="_blank">
+ <img className={styles.scrollImage} src={user.src
&& (user.src.startsWith("http") ? user.src : useBaseUrl(user.src))}
alt={user.name} />
+ </a>
</div>
)
})
