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 b7960dde35 index page add image (#707)
b7960dde35 is described below
commit b7960dde350b304e76679609f0acbc86873ec32b
Author: gouzixing <[email protected]>
AuthorDate: Sat Aug 13 23:05:42 2022 +0800
index page add image (#707)
* 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
Co-authored-by: gouzixing <[email protected]>
Co-authored-by: gouzixing <[email protected]>
---
src/pages/index.module.css | 6 +++++-
src/pages/index.tsx | 36 +++++++++++++++++++++++++++---------
static/img/home/2_7.jpg | Bin 0 -> 148810 bytes
static/img/home/2_8.jpg | Bin 0 -> 139699 bytes
4 files changed, 32 insertions(+), 10 deletions(-)
diff --git a/src/pages/index.module.css b/src/pages/index.module.css
index bd45a2d790..2e7906ee7b 100755
--- a/src/pages/index.module.css
+++ b/src/pages/index.module.css
@@ -7,6 +7,10 @@
width: 100%;
}
+.sectionDashboard{
+ width: 100%;
+}
+
.sectionAlt {
background-color: var(--ifm-color-emphasis-100);
}
@@ -304,5 +308,5 @@
.contentImg{
display: table;
margin: 0 auto;
- width: 80%;
+ /* width: 80%; */
}
\ No newline at end of file
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index eed34a5da8..3c26466e52 100755
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -75,22 +75,28 @@ function Home() {
</div>
</div>
</div>
- <div className={styles.section}>
+ <div className={styles.sectionDashboard}>
<Swiper
- modules={[EffectFade, Navigation, Autoplay]}
+ modules={[Autoplay, EffectFade, Navigation]}
+ watchSlidesProgress={true}
navigation={{
nextEl: '.user-swiper-button-next',
prevEl: '.user-swiper-button-prev',
}}
- effect={'fade'}
- fadeEffect={{
- crossFade: true
- }}
- speed={1000}
- slidesPerView={1}
grabCursor
+ // 轮播下用这个效果会失效
+ // effect={'fade'}
+ // fadeEffect={{
+ // crossFade: true
+ // }}
+ // slidesPerView={1}
+ // 自动轮播
+ loop={true}
+ speed={0}
autoplay={{
- delay: 3000,
+ delay: 3000,
+ disableOnInteraction: false,
+ waitForTransition: false,
}}
>
<SwiperSlide>
@@ -129,6 +135,18 @@ function Home() {
src={useBaseUrl("/img/home/2_6.jpg")}
/>
</SwiperSlide>
+ <SwiperSlide>
+ <img
+ className={styles.contentImg}
+ src={useBaseUrl("/img/home/2_7.jpg")}
+ />
+ </SwiperSlide>
+ <SwiperSlide>
+ <img
+ className={styles.contentImg}
+ src={useBaseUrl("/img/home/2_8.jpg")}
+ />
+ </SwiperSlide>
</Swiper>
</div>
<div className="swiper-button-prev user-swiper-button-prev" style={{
top:"880px", left: "50px" }}></div>
diff --git a/static/img/home/2_7.jpg b/static/img/home/2_7.jpg
new file mode 100644
index 0000000000..406567db73
Binary files /dev/null and b/static/img/home/2_7.jpg differ
diff --git a/static/img/home/2_8.jpg b/static/img/home/2_8.jpg
new file mode 100644
index 0000000000..f448b57444
Binary files /dev/null and b/static/img/home/2_8.jpg differ
