Skip to content

Commit

Permalink
chore(Swiper): update demo (#562)
Browse files Browse the repository at this point in the history
  • Loading branch information
@anlyyao
anlyyao authored Jan 20, 2025
1 parent 9ec6ab4 commit ab22fcd
Show file tree
Hide file tree
Showing 4 changed files with 22 additions and 22 deletions.
6 changes: 3 additions & 3 deletions src/swiper/_example/control.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -14,13 +14,13 @@ export default function () {
<div className="tdesign-demo-block-wrap">
<Swiper onChange={onChange} current={current}>
<Swiper.SwiperItem>
<img style={{ height: '100%' }} src="https://tdesign.gtimg.com/site/swiper/01.png" />
<img style={{ height: '100%' }} src="https://tdesign.gtimg.com/mobile/demos/swiper1.png" />
</Swiper.SwiperItem>
<Swiper.SwiperItem>
<img style={{ height: '100%' }} src="https://tdesign.gtimg.com/site/swiper/02.png" />
<img style={{ height: '100%' }} src="https://tdesign.gtimg.com/mobile/demos/swiper2.png" />
</Swiper.SwiperItem>
<Swiper.SwiperItem>
<img style={{ height: '100%' }} src="https://tdesign.gtimg.com/site/swiper/03.png" />
<img style={{ height: '100%' }} src="https://tdesign.gtimg.com/mobile/demos/swiper1.png" />
</Swiper.SwiperItem>
</Swiper>
<div className="dots-container">
Expand Down
6 changes: 3 additions & 3 deletions src/swiper/_example/direction.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,13 +6,13 @@ export default function () {
<>
<Swiper direction="vertical">
<Swiper.SwiperItem>
<img style={{ height: '100%' }} src="https://tdesign.gtimg.com/site/swiper/01.png" />
<img style={{ height: '100%' }} src="https://tdesign.gtimg.com/mobile/demos/swiper1.png" />
</Swiper.SwiperItem>
<Swiper.SwiperItem>
<img style={{ height: '100%' }} src="https://tdesign.gtimg.com/site/swiper/02.png" />
<img style={{ height: '100%' }} src="https://tdesign.gtimg.com/mobile/demos/swiper2.png" />
</Swiper.SwiperItem>
<Swiper.SwiperItem>
<img style={{ height: '100%' }} src="https://tdesign.gtimg.com/site/swiper/03.png" />
<img style={{ height: '100%' }} src="https://tdesign.gtimg.com/mobile/demos/swiper1.png" />
</Swiper.SwiperItem>
</Swiper>
</>
Expand Down
26 changes: 13 additions & 13 deletions src/swiper/_example/index.jsx
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
import React, { useState } from 'react';
import React from 'react';
import { Swiper } from 'tdesign-mobile-react';
import TDemoBlock from '../../../site/mobile/components/DemoBlock';
import TDemoHeader from '../../../site/mobile/components/DemoHeader';
Expand All @@ -19,13 +19,13 @@ export default function Base() {
<div className="tdesign-demo-block-wrap">
<Swiper onChange={onChange} interval={3000} navigation={{ type: 'dots' }}>
<Swiper.SwiperItem>
<img style={{ height: '100%' }} src="https://tdesign.gtimg.com/site/swiper/01.png" />
<img style={{ height: '100%' }} src="https://tdesign.gtimg.com/mobile/demos/swiper1.png" />
</Swiper.SwiperItem>
<Swiper.SwiperItem>
<img style={{ height: '100%' }} src="https://tdesign.gtimg.com/site/swiper/02.png" />
<img style={{ height: '100%' }} src="https://tdesign.gtimg.com/mobile/demos/swiper2.png" />
</Swiper.SwiperItem>
<Swiper.SwiperItem>
<img style={{ height: '100%' }} src="https://tdesign.gtimg.com/site/swiper/03.png" />
<img style={{ height: '100%' }} src="https://tdesign.gtimg.com/mobile/demos/swiper1.png" />
</Swiper.SwiperItem>
<Swiper.SwiperItem>
<img style={{ height: '100%' }} src="https://tdesign.gtimg.com/site/swiper/04.png" />
Expand All @@ -38,13 +38,13 @@ export default function Base() {
<div className="tdesign-demo-block-wrap">
<Swiper interval={3000} autoplay={true} defaultCurrent={3} navigation={{ type: 'dots-bar' }}>
<Swiper.SwiperItem>
<img style={{ height: '100%' }} src="https://tdesign.gtimg.com/site/swiper/01.png" />
<img style={{ height: '100%' }} src="https://tdesign.gtimg.com/mobile/demos/swiper1.png" />
</Swiper.SwiperItem>
<Swiper.SwiperItem>
<img style={{ height: '100%' }} src="https://tdesign.gtimg.com/site/swiper/02.png" />
<img style={{ height: '100%' }} src="https://tdesign.gtimg.com/mobile/demos/swiper2.png" />
</Swiper.SwiperItem>
<Swiper.SwiperItem>
<img style={{ height: '100%' }} src="https://tdesign.gtimg.com/site/swiper/03.png" />
<img style={{ height: '100%' }} src="https://tdesign.gtimg.com/mobile/demos/swiper1.png" />
</Swiper.SwiperItem>
{/* <Swiper.SwiperItem>
<img style={{ height: '100%' }} src="https://tdesign.gtimg.com/site/swiper/04.png" />
Expand All @@ -57,13 +57,13 @@ export default function Base() {
<div className="tdesign-demo-block-wrap">
<Swiper interval={3000} autoplay={false} direction="vertical" navigation={{ type: 'fraction' }}>
<Swiper.SwiperItem>
<img style={{ height: '100%' }} src="https://tdesign.gtimg.com/site/swiper/01.png" />
<img style={{ height: '100%' }} src="https://tdesign.gtimg.com/mobile/demos/swiper1.png" />
</Swiper.SwiperItem>
<Swiper.SwiperItem>
<img style={{ height: '100%' }} src="https://tdesign.gtimg.com/site/swiper/02.png" />
<img style={{ height: '100%' }} src="https://tdesign.gtimg.com/mobile/demos/swiper2.png" />
</Swiper.SwiperItem>
<Swiper.SwiperItem>
<img style={{ height: '100%' }} src="https://tdesign.gtimg.com/site/swiper/03.png" />
<img style={{ height: '100%' }} src="https://tdesign.gtimg.com/mobile/demos/swiper1.png" />
</Swiper.SwiperItem>
<Swiper.SwiperItem>
<img style={{ height: '100%' }} src="https://tdesign.gtimg.com/site/swiper/04.png" />
Expand All @@ -76,13 +76,13 @@ export default function Base() {
<div className="tdesign-demo-block-wrap">
<Swiper interval={3000} autoplay={false} navigation={{ showSlideBtn: true }}>
<Swiper.SwiperItem>
<img style={{ height: '100%' }} src="https://tdesign.gtimg.com/site/swiper/01.png" />
<img style={{ height: '100%' }} src="https://tdesign.gtimg.com/mobile/demos/swiper1.png" />
</Swiper.SwiperItem>
<Swiper.SwiperItem>
<img style={{ height: '100%' }} src="https://tdesign.gtimg.com/site/swiper/02.png" />
<img style={{ height: '100%' }} src="https://tdesign.gtimg.com/mobile/demos/swiper2.png" />
</Swiper.SwiperItem>
<Swiper.SwiperItem>
<img style={{ height: '100%' }} src="https://tdesign.gtimg.com/site/swiper/03.png" />
<img style={{ height: '100%' }} src="https://tdesign.gtimg.com/mobile/demos/swiper1.png" />
</Swiper.SwiperItem>
<Swiper.SwiperItem>
<img style={{ height: '100%' }} src="https://tdesign.gtimg.com/site/swiper/04.png" />
Expand Down
6 changes: 3 additions & 3 deletions src/swiper/_example/pagination-type.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,13 +6,13 @@ export default function () {
<>
<Swiper navigation={{ type: 'dots' }}>
<Swiper.SwiperItem>
<img style={{ height: '100%' }} src="https://tdesign.gtimg.com/site/swiper/01.png" />
<img style={{ height: '100%' }} src="https://tdesign.gtimg.com/mobile/demos/swiper1.png" />
</Swiper.SwiperItem>
<Swiper.SwiperItem>
<img style={{ height: '100%' }} src="https://tdesign.gtimg.com/site/swiper/02.png" />
<img style={{ height: '100%' }} src="https://tdesign.gtimg.com/mobile/demos/swiper2.png" />
</Swiper.SwiperItem>
<Swiper.SwiperItem>
<img style={{ height: '100%' }} src="https://tdesign.gtimg.com/site/swiper/03.png" />
<img style={{ height: '100%' }} src="https://tdesign.gtimg.com/mobile/demos/swiper1.png" />
</Swiper.SwiperItem>
</Swiper>
</>
Expand Down

0 comments on commit ab22fcd

Please sign in to comment.