Skip to content

Commit

Permalink
修改swiper图片 (jd-opensource#537)
Browse files Browse the repository at this point in the history 
* fix: 修改swiper图片
  • Loading branch information
@ninidesign
ninidesign authored Jul 14, 2021
1 parent 8013bb0 commit 4bf1f9b
Show file tree
Hide file tree
Showing 4 changed files with 40 additions and 39 deletions.
8 changes: 4 additions & 4 deletions src/packages/__VUE/swiper/demo.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -65,10 +65,10 @@ export default createDemo({
page4: 0,
current: 1,
list: [
'https://m.360buyimg.com/mobilecms/s700x280_jfs/t1/195274/24/9649/144035/60d15d37E76e91580/51273fd51174d91a.jpg',
'https://m.360buyimg.com/mobilecms/s700x280_jfs/t1/180629/11/11039/120751/60d53a52Eca8b4b0c/12a396e3f73a6424.jpg',
'https://m.360buyimg.com/mobilecms/s700x280_jfs/t1/172985/20/11254/250873/60ab712bE2cfd0e52/f184257039a404d1.png',
'https://imgcps.jd.com/ling4/71587695091/5Lqs6YCJ5aW96LSn/5L2g5YC85b6X5oul5pyJ/p-5c11d16482acdd181dbc1fc9/4fbc0e05/cr_1125x449_0_166/s1125x690/q70.jpg'
'https://storage.360buyimg.com/jdc-article/NutUItaro34.jpg',
'https://storage.360buyimg.com/jdc-article/NutUItaro2.jpg',
'https://storage.360buyimg.com/jdc-article/welcomenutui.jpg',
'https://storage.360buyimg.com/jdc-article/fristfabu.jpg'
]
});
const change = (index: number) => {
Expand Down
34 changes: 17 additions & 17 deletions src/packages/__VUE/swiper/doc.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -26,16 +26,16 @@ app.use(Swiper);
```html
<nut-swiper :init-page="state.page" :pagination-visible="true" pagination-color="#426543" auto-play="3000">
<nut-swiper-item>
<img src="//m.360buyimg.com/mobilecms/s700x280_jfs/t1/152158/32/19170/280589/6035429fE08208901/024578cf04ce3b47.jpg!cr_1125x445_0_171" alt="" />
<img src="https://storage.360buyimg.com/jdc-article/NutUItaro34.jpg" alt="" />
</nut-swiper-item>
<nut-swiper-item>
<img src="//m.360buyimg.com/mobilecms/s700x280_jfs/t1/159602/22/7999/126515/6035f371E6f95bfee/559cb1ee48c962c9.jpg" alt="" />
<img src="https://storage.360buyimg.com/jdc-article/NutUItaro2.jpg'" alt="" />
</nut-swiper-item>
<nut-swiper-item>
<img src="//m.360buyimg.com/mobilecms/s700x280_jfs/t1/166846/13/7534/136440/60338b5cEd491d8b3/9e5527429136ab86.jpg" alt="" />
<img src="https://storage.360buyimg.com/jdc-article/welcomenutui.jpg" alt="" />
</nut-swiper-item>
<nut-swiper-item>
<img src="//m.360buyimg.com/mobilecms/s700x280_jfs/t1/145433/27/14059/141680/5facf066Ec402354c/530d5a316aed55fc.jpg!cr_1125x445_0_171" alt="" />
<img src="https://storage.360buyimg.com/jdc-article/fristfabu.jpg" alt="" />
</nut-swiper-item>
</nut-swiper>
```
Expand All @@ -47,16 +47,16 @@ app.use(Swiper);
```html
<nut-swiper :init-page="state.page2" :loop="false" width="300">
<nut-swiper-item>
<img src="//m.360buyimg.com/mobilecms/s700x280_jfs/t1/152158/32/19170/280589/6035429fE08208901/024578cf04ce3b47.jpg!cr_1125x445_0_171" alt="" />
<img src="https://storage.360buyimg.com/jdc-article/NutUItaro34.jpg" alt="" />
</nut-swiper-item>
<nut-swiper-item>
<img src="//m.360buyimg.com/mobilecms/s700x280_jfs/t1/159602/22/7999/126515/6035f371E6f95bfee/559cb1ee48c962c9.jpg" alt="" />
<img src="https://storage.360buyimg.com/jdc-article/NutUItaro2.jpg'" alt="" />
</nut-swiper-item>
<nut-swiper-item>
<img src="//m.360buyimg.com/mobilecms/s700x280_jfs/t1/166846/13/7534/136440/60338b5cEd491d8b3/9e5527429136ab86.jpg" alt="" />
<img src="https://storage.360buyimg.com/jdc-article/welcomenutui.jpg" alt="" />
</nut-swiper-item>
<nut-swiper-item>
<img src="//m.360buyimg.com/mobilecms/s700x280_jfs/t1/145433/27/14059/141680/5facf066Ec402354c/530d5a316aed55fc.jpg!cr_1125x445_0_171" alt="" />
<img src="https://storage.360buyimg.com/jdc-article/fristfabu.jpg" alt="" />
</nut-swiper-item>
</nut-swiper>
```
Expand All @@ -67,17 +67,17 @@ app.use(Swiper);

```html
<nut-swiper :init-page="state.page3" :loop="true" @change="change">
<nut-swiper-item>
<img src="//m.360buyimg.com/mobilecms/s700x280_jfs/t1/152158/32/19170/280589/6035429fE08208901/024578cf04ce3b47.jpg!cr_1125x445_0_171" alt="" />
<nut-swiper-item>
<img src="https://storage.360buyimg.com/jdc-article/NutUItaro34.jpg" alt="" />
</nut-swiper-item>
<nut-swiper-item>
<img src="//m.360buyimg.com/mobilecms/s700x280_jfs/t1/159602/22/7999/126515/6035f371E6f95bfee/559cb1ee48c962c9.jpg" alt="" />
<img src="https://storage.360buyimg.com/jdc-article/NutUItaro2.jpg'" alt="" />
</nut-swiper-item>
<nut-swiper-item>
<img src="//m.360buyimg.com/mobilecms/s700x280_jfs/t1/166846/13/7534/136440/60338b5cEd491d8b3/9e5527429136ab86.jpg" alt="" />
<img src="https://storage.360buyimg.com/jdc-article/welcomenutui.jpg" alt="" />
</nut-swiper-item>
<nut-swiper-item>
<img src="//m.360buyimg.com/mobilecms/s700x280_jfs/t1/145433/27/14059/141680/5facf066Ec402354c/530d5a316aed55fc.jpg!cr_1125x445_0_171" alt="" />
<img src="https://storage.360buyimg.com/jdc-article/fristfabu.jpg" alt="" />
</nut-swiper-item>
<template v-slot:page>
<div class="page"></div>
Expand All @@ -93,16 +93,16 @@ app.use(Swiper);
```html
<nut-swiper :init-page="state.page4" :loop="true" auto-play="3000" direction="vertical" height="150" :pagination-visible="true" style="height: 150px">
<nut-swiper-item>
<img src="//m.360buyimg.com/mobilecms/s700x280_jfs/t1/152158/32/19170/280589/6035429fE08208901/024578cf04ce3b47.jpg!cr_1125x445_0_171" alt="" />
<img src="https://storage.360buyimg.com/jdc-article/NutUItaro34.jpg" alt="" />
</nut-swiper-item>
<nut-swiper-item>
<img src="//m.360buyimg.com/mobilecms/s700x280_jfs/t1/159602/22/7999/126515/6035f371E6f95bfee/559cb1ee48c962c9.jpg" alt="" />
<img src="https://storage.360buyimg.com/jdc-article/NutUItaro2.jpg'" alt="" />
</nut-swiper-item>
<nut-swiper-item>
<img src="//m.360buyimg.com/mobilecms/s700x280_jfs/t1/166846/13/7534/136440/60338b5cEd491d8b3/9e5527429136ab86.jpg" alt="" />
<img src="https://storage.360buyimg.com/jdc-article/welcomenutui.jpg" alt="" />
</nut-swiper-item>
<nut-swiper-item>
<img src="//m.360buyimg.com/mobilecms/s700x280_jfs/t1/145433/27/14059/141680/5facf066Ec402354c/530d5a316aed55fc.jpg!cr_1125x445_0_171" alt="" />
<img src="https://storage.360buyimg.com/jdc-article/fristfabu.jpg" alt="" />
</nut-swiper-item>
</nut-swiper>
```
Expand Down
30 changes: 15 additions & 15 deletions src/packages/__VUE/swiper/doc.taro.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -26,17 +26,17 @@ app.use(Swiper);

```html
<nut-swiper current="1" indicator-dots="true" indicator-color="#426543" autoplay="true" interval="3000">
<nut-swiper-item>
<img src="//m.360buyimg.com/mobilecms/s700x280_jfs/t1/152158/32/19170/280589/6035429fE08208901/024578cf04ce3b47.jpg!cr_1125x445_0_171" alt="" />
<nut-swiper-item>
<img src="https://storage.360buyimg.com/jdc-article/NutUItaro34.jpg" alt="" />
</nut-swiper-item>
<nut-swiper-item>
<img src="//m.360buyimg.com/mobilecms/s700x280_jfs/t1/159602/22/7999/126515/6035f371E6f95bfee/559cb1ee48c962c9.jpg" alt="" />
<img src="https://storage.360buyimg.com/jdc-article/NutUItaro2.jpg'" alt="" />
</nut-swiper-item>
<nut-swiper-item>
<img src="//m.360buyimg.com/mobilecms/s700x280_jfs/t1/166846/13/7534/136440/60338b5cEd491d8b3/9e5527429136ab86.jpg" alt="" />
<img src="https://storage.360buyimg.com/jdc-article/welcomenutui.jpg" alt="" />
</nut-swiper-item>
<nut-swiper-item>
<img src="//m.360buyimg.com/mobilecms/s700x280_jfs/t1/145433/27/14059/141680/5facf066Ec402354c/530d5a316aed55fc.jpg!cr_1125x445_0_171" alt="" />
<img src="https://storage.360buyimg.com/jdc-article/fristfabu.jpg" alt="" />
</nut-swiper-item>
</nut-swiper>
```
Expand All @@ -48,17 +48,17 @@ app.use(Swiper);

```html
<nut-swiper previous-margin="10px" next-margin="10px">
<nut-swiper-item>
<img src="//m.360buyimg.com/mobilecms/s700x280_jfs/t1/152158/32/19170/280589/6035429fE08208901/024578cf04ce3b47.jpg!cr_1125x445_0_171" alt="" />
<nut-swiper-item>
<img src="https://storage.360buyimg.com/jdc-article/NutUItaro34.jpg" alt="" />
</nut-swiper-item>
<nut-swiper-item>
<img src="//m.360buyimg.com/mobilecms/s700x280_jfs/t1/159602/22/7999/126515/6035f371E6f95bfee/559cb1ee48c962c9.jpg" alt="" />
<img src="https://storage.360buyimg.com/jdc-article/NutUItaro2.jpg'" alt="" />
</nut-swiper-item>
<nut-swiper-item>
<img src="//m.360buyimg.com/mobilecms/s700x280_jfs/t1/166846/13/7534/136440/60338b5cEd491d8b3/9e5527429136ab86.jpg" alt="" />
<img src="https://storage.360buyimg.com/jdc-article/welcomenutui.jpg" alt="" />
</nut-swiper-item>
<nut-swiper-item>
<img src="//m.360buyimg.com/mobilecms/s700x280_jfs/t1/145433/27/14059/141680/5facf066Ec402354c/530d5a316aed55fc.jpg!cr_1125x445_0_171" alt="" />
<img src="https://storage.360buyimg.com/jdc-article/fristfabu.jpg" alt="" />
</nut-swiper-item>
</nut-swiper>
```
Expand All @@ -70,17 +70,17 @@ app.use(Swiper);

```html
<nut-swiper vertical="true">
<nut-swiper-item>
<img src="//m.360buyimg.com/mobilecms/s700x280_jfs/t1/152158/32/19170/280589/6035429fE08208901/024578cf04ce3b47.jpg!cr_1125x445_0_171" alt="" />
<nut-swiper-item>
<img src="https://storage.360buyimg.com/jdc-article/NutUItaro34.jpg" alt="" />
</nut-swiper-item>
<nut-swiper-item>
<img src="//m.360buyimg.com/mobilecms/s700x280_jfs/t1/159602/22/7999/126515/6035f371E6f95bfee/559cb1ee48c962c9.jpg" alt="" />
<img src="https://storage.360buyimg.com/jdc-article/NutUItaro2.jpg'" alt="" />
</nut-swiper-item>
<nut-swiper-item>
<img src="//m.360buyimg.com/mobilecms/s700x280_jfs/t1/166846/13/7534/136440/60338b5cEd491d8b3/9e5527429136ab86.jpg" alt="" />
<img src="https://storage.360buyimg.com/jdc-article/welcomenutui.jpg" alt="" />
</nut-swiper-item>
<nut-swiper-item>
<img src="//m.360buyimg.com/mobilecms/s700x280_jfs/t1/145433/27/14059/141680/5facf066Ec402354c/530d5a316aed55fc.jpg!cr_1125x445_0_171" alt="" />
<img src="https://storage.360buyimg.com/jdc-article/fristfabu.jpg" alt="" />
</nut-swiper-item>
</nut-swiper>
```
Expand Down
7 changes: 4 additions & 3 deletions src/sites/mobile-taro/vue/src/feedback/pages/swiper/index.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -62,9 +62,10 @@ export default {
setup() {
const state = reactive({
list: [
'https://m.360buyimg.com/mobilecms/s700x280_jfs/t1/195274/24/9649/144035/60d15d37E76e91580/51273fd51174d91a.jpg',
'https://m.360buyimg.com/mobilecms/s700x280_jfs/t1/180629/11/11039/120751/60d53a52Eca8b4b0c/12a396e3f73a6424.jpg',
'https://m.360buyimg.com/mobilecms/s700x280_jfs/t1/172985/20/11254/250873/60ab712bE2cfd0e52/f184257039a404d1.png'
'https://storage.360buyimg.com/jdc-article/NutUItaro34.jpg',
'https://storage.360buyimg.com/jdc-article/NutUItaro2.jpg',
'https://storage.360buyimg.com/jdc-article/welcomenutui.jpg',
'https://storage.360buyimg.com/jdc-article/fristfabu.jpg'
]
});
return {
Expand Down

0 comments on commit 4bf1f9b

Please sign in to comment.