|
@ -3,9 +3,9 @@ |
|
|
<swiper class="swiper" :current="currentIndex" :vertical="true" @change="handleSwiperChange"> |
|
|
<swiper class="swiper" :current="currentIndex" :vertical="true" @change="handleSwiperChange"> |
|
|
<swiper-item v-for="(imageUrl, index) in imageUrls" :key="index"> |
|
|
<swiper-item v-for="(imageUrl, index) in imageUrls" :key="index"> |
|
|
<view class="swiper-item" :style="{ backgroundImage: `url(${imageUrl})` }" |
|
|
<view class="swiper-item" :style="{ backgroundImage: `url(${imageUrl})` }" |
|
|
@click="index == 10 ? gotoPath('/bmzm/chapter7/index') : null"> |
|
|
@click="index == 8 ? gotoPath('/bmzm/chapter7/index') : null"> |
|
|
<image src="https://static.ticket.sz-trip.com/epicSoul/bmzm/chapter4/btn-img.png" mode="aspectFill" |
|
|
<image src="https://static.ticket.sz-trip.com/epicSoul/bmzm/chapter4/btn-img.png" mode="aspectFill" |
|
|
:class="['btn-img', {'btn-imgs': index == 6}]" @click="gotoPaths" v-if="index == 4 || index == 6"></image> |
|
|
:class="['btn-img', {'btn-imgs': index == 6}]" @click="gotoPaths" v-if="index == 2 || index == 4"></image> |
|
|
</view> |
|
|
</view> |
|
|
</swiper-item> |
|
|
</swiper-item> |
|
|
</swiper> |
|
|
</swiper> |
|
@ -27,8 +27,8 @@ export default { |
|
|
// 图片 URL 数组 |
|
|
// 图片 URL 数组 |
|
|
imageUrls: [ |
|
|
imageUrls: [ |
|
|
"https://static.ticket.sz-trip.com/epicSoul/bmzm/chapter4/img2.png", |
|
|
"https://static.ticket.sz-trip.com/epicSoul/bmzm/chapter4/img2.png", |
|
|
"https://static.ticket.sz-trip.com/epicSoul/bmzm/chapter4/img3.png", |
|
|
// "https://static.ticket.sz-trip.com/epicSoul/bmzm/chapter4/img3.png", |
|
|
"https://static.ticket.sz-trip.com/epicSoul/bmzm/chapter4/img4.png", |
|
|
// "https://static.ticket.sz-trip.com/epicSoul/bmzm/chapter4/img4.png", |
|
|
"https://static.ticket.sz-trip.com/epicSoul/bmzm/chapter4/img5.png", |
|
|
"https://static.ticket.sz-trip.com/epicSoul/bmzm/chapter4/img5.png", |
|
|
"https://static.ticket.sz-trip.com/epicSoul/bmzm/chapter4/img6.png", |
|
|
"https://static.ticket.sz-trip.com/epicSoul/bmzm/chapter4/img6.png", |
|
|
"https://static.ticket.sz-trip.com/epicSoul/bmzm/chapter4/img7.png", |
|
|
"https://static.ticket.sz-trip.com/epicSoul/bmzm/chapter4/img7.png", |
|
|