Browse Source

不眠之梦

dev_xrcc
chenkainan 3 months ago
parent
commit
bc0f0be10e
  1. 8
      bmzm/chapter6/index.vue
  2. 13
      bmzm/chapter7/index.vue

8
bmzm/chapter6/index.vue

@ -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",

13
bmzm/chapter7/index.vue

@ -22,6 +22,10 @@
<view class="answer answer3">{{answerObj.answer3}}</view> <view class="answer answer3">{{answerObj.answer3}}</view>
</view> </view>
</template> </template>
<!-- 二维码 -->
<template v-if="index === 5">
<image src="https://static.ticket.sz-trip.com/epicSoul/bmzm/qrcode.png" mode="widthFix" class="qrcode" :show-menu-by-longpress="true"></image>
</template>
</view> </view>
</swiper-item> </swiper-item>
</swiper> </swiper>
@ -109,6 +113,7 @@ export default {
// //
confirmInput() { confirmInput() {
this.$refs.chapterPopup.close(); this.$refs.chapterPopup.close();
this.currentIndex += 1
} }
} }
}; };
@ -254,4 +259,12 @@ textarea {
.fade-in { .fade-in {
opacity: 1; opacity: 1;
} }
.qrcode {
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
width: 25vw;
bottom: 26vh;
}
</style> </style>
Loading…
Cancel
Save