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-item v-for="(imageUrl, index) in imageUrls" :key="index">
<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"
: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>
</swiper-item>
</swiper>
@ -27,8 +27,8 @@ export default {
// URL
imageUrls: [
"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/img4.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/img5.png",
"https://static.ticket.sz-trip.com/epicSoul/bmzm/chapter4/img6.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>
</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>
</swiper-item>
</swiper>
@ -109,6 +113,7 @@ export default {
//
confirmInput() {
this.$refs.chapterPopup.close();
this.currentIndex += 1
}
}
};
@ -254,4 +259,12 @@ textarea {
.fade-in {
opacity: 1;
}
.qrcode {
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
width: 25vw;
bottom: 26vh;
}
</style>
Loading…
Cancel
Save