|
@ -2,39 +2,17 @@ |
|
|
<template> |
|
|
<template> |
|
|
<view> |
|
|
<view> |
|
|
<BackButton /> |
|
|
<BackButton /> |
|
|
<swiper |
|
|
<swiper class="main-swiper" :vertical="true" :current="currentIndex" @change="handleSwiperChange" :duration="300"> |
|
|
class="main-swiper" |
|
|
|
|
|
:vertical="true" |
|
|
|
|
|
:current="currentIndex" |
|
|
|
|
|
@change="handleSwiperChange" |
|
|
|
|
|
:duration="300" |
|
|
|
|
|
> |
|
|
|
|
|
<!-- 首页内容 --> |
|
|
<!-- 首页内容 --> |
|
|
<swiper-item> |
|
|
<swiper-item> |
|
|
<view class="page-container home-page"> |
|
|
<view class="page-container home-page"> |
|
|
<!-- 使用loadedPages确定是否已加载,v-show控制显示/隐藏 --> |
|
|
<!-- 使用loadedPages确定是否已加载,v-show控制显示/隐藏 --> |
|
|
<template v-if="loadedPages[0]"> |
|
|
<template v-if="loadedPages[0]"> |
|
|
<image |
|
|
<image v-show="shouldShowContent(0)" class="bg-image" src="https://static.ticket.sz-trip.com/epicSoul/index.gif" :lazy-load="true" mode="aspectFill"></image> |
|
|
v-show="shouldShowContent(0)" |
|
|
|
|
|
class="bg-image" |
|
|
|
|
|
src="https://static.ticket.sz-trip.com/epicSoul/index.gif" |
|
|
|
|
|
:lazy-load="true" |
|
|
|
|
|
mode="aspectFill" |
|
|
|
|
|
></image> |
|
|
|
|
|
<view v-show="shouldShowContent(0)" class="content-layer"> |
|
|
<view v-show="shouldShowContent(0)" class="content-layer"> |
|
|
<image |
|
|
<image class="layer-img" src="https://static.ticket.sz-trip.com/epicSoul/home1.png" :lazy-load="true" mode="widthFix"></image> |
|
|
class="layer-img" |
|
|
|
|
|
src="https://static.ticket.sz-trip.com/epicSoul/home1.png" |
|
|
|
|
|
:lazy-load="true" |
|
|
|
|
|
mode="widthFix" |
|
|
|
|
|
></image> |
|
|
|
|
|
<view class="arrow-content"> |
|
|
<view class="arrow-content"> |
|
|
<image |
|
|
<image class="arrow-down" src="https://static.ticket.sz-trip.com/epicSoul/arrow-icons.png" :lazy-load="true" mode=""></image> |
|
|
class="arrow-down" |
|
|
|
|
|
src="https://static.ticket.sz-trip.com/epicSoul/arrow-icons.png" |
|
|
|
|
|
:lazy-load="true" |
|
|
|
|
|
mode="" |
|
|
|
|
|
></image> |
|
|
|
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</template> |
|
|
</template> |
|
@ -45,25 +23,18 @@ |
|
|
<swiper-item> |
|
|
<swiper-item> |
|
|
<view class="page-container home-page"> |
|
|
<view class="page-container home-page"> |
|
|
<template v-if="loadedPages[1]"> |
|
|
<template v-if="loadedPages[1]"> |
|
|
<image |
|
|
<image v-show="shouldShowContent(1)" class="bg-image" src="https://static.ticket.sz-trip.com/epicSoul/prologue-bg.png" :lazy-load="true" mode="aspectFill"></image> |
|
|
v-show="shouldShowContent(1)" |
|
|
|
|
|
class="bg-image" |
|
|
|
|
|
src="https://static.ticket.sz-trip.com/epicSoul/prologue-bg.png" |
|
|
|
|
|
:lazy-load="true" |
|
|
|
|
|
mode="aspectFill" |
|
|
|
|
|
></image> |
|
|
|
|
|
<view v-show="shouldShowContent(1)" class="content-layer"> |
|
|
<view v-show="shouldShowContent(1)" class="content-layer"> |
|
|
<view class="layer-text"> |
|
|
<view class="layer-text"> |
|
|
<view class=""> 在此我们邀请你 </view> |
|
|
<view class=""> |
|
|
<view class=""> 以指尖触发一场直抵情绪与美学的共生实验 </view> |
|
|
在此我们邀请你 |
|
|
|
|
|
</view> |
|
|
|
|
|
<view class=""> |
|
|
|
|
|
以指尖触发一场直抵情绪与美学的共生实验 |
|
|
|
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
<view class="arrow-content"> |
|
|
<view class="arrow-content"> |
|
|
<image |
|
|
<image class="arrow-down" src="https://static.ticket.sz-trip.com/epicSoul/arrow-icons.png" :lazy-load="true" mode=""></image> |
|
|
class="arrow-down" |
|
|
|
|
|
src="https://static.ticket.sz-trip.com/epicSoul/arrow-icons.png" |
|
|
|
|
|
:lazy-load="true" |
|
|
|
|
|
mode="" |
|
|
|
|
|
></image> |
|
|
|
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</template> |
|
|
</template> |
|
@ -74,29 +45,12 @@ |
|
|
<swiper-item> |
|
|
<swiper-item> |
|
|
<view class="page-container home-page"> |
|
|
<view class="page-container home-page"> |
|
|
<template v-if="loadedPages[2]"> |
|
|
<template v-if="loadedPages[2]"> |
|
|
<image |
|
|
<image v-show="shouldShowContent(2)" class="bg-image" src="https://static.ticket.sz-trip.com/epicSoul/image/chapter1/covers.png" :lazy-load="true" mode="aspectFill"></image> |
|
|
v-show="shouldShowContent(2)" |
|
|
|
|
|
class="bg-image" |
|
|
|
|
|
src="https://static.ticket.sz-trip.com/epicSoul/image/chapter1/covers.png" |
|
|
|
|
|
:lazy-load="true" |
|
|
|
|
|
mode="aspectFill" |
|
|
|
|
|
></image> |
|
|
|
|
|
<view v-show="shouldShowContent(2)" class="content-layer"> |
|
|
<view v-show="shouldShowContent(2)" class="content-layer"> |
|
|
<image |
|
|
<image class="layer-img2" src="https://static.ticket.sz-trip.com/epicSoul/image/chapter1/bg-txts.png" :lazy-load="true" mode="widthFix"> |
|
|
class="layer-img2" |
|
|
|
|
|
src="https://static.ticket.sz-trip.com/epicSoul/image/chapter1/bg-txts.png" |
|
|
|
|
|
:lazy-load="true" |
|
|
|
|
|
mode="widthFix" |
|
|
|
|
|
> |
|
|
|
|
|
</image> |
|
|
</image> |
|
|
<view class="arrow-content"> |
|
|
<view class="arrow-content"> |
|
|
<image |
|
|
<image @click="navigateToChapter1" class="btn" src="https://static.ticket.sz-trip.com/epicSoul/image/chapter1/buttons.png" :lazy-load="true" mode=""></image> |
|
|
@click="navigateToChapter1" |
|
|
|
|
|
class="btn" |
|
|
|
|
|
src="https://static.ticket.sz-trip.com/epicSoul/image/chapter1/buttons.png" |
|
|
|
|
|
:lazy-load="true" |
|
|
|
|
|
mode="" |
|
|
|
|
|
></image> |
|
|
|
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</template> |
|
|
</template> |
|
@ -107,28 +61,11 @@ |
|
|
<swiper-item> |
|
|
<swiper-item> |
|
|
<view class="page-container home-page"> |
|
|
<view class="page-container home-page"> |
|
|
<template v-if="loadedPages[3]"> |
|
|
<template v-if="loadedPages[3]"> |
|
|
<image |
|
|
<image v-show="shouldShowContent(3)" class="bg-image" src="https://static.ticket.sz-trip.com/epicSoul/image/chapter2/cover.png" :lazy-load="true" mode="aspectFill"></image> |
|
|
v-show="shouldShowContent(3)" |
|
|
|
|
|
class="bg-image" |
|
|
|
|
|
src="https://static.ticket.sz-trip.com/epicSoul/image/chapter2/cover.png" |
|
|
|
|
|
:lazy-load="true" |
|
|
|
|
|
mode="aspectFill" |
|
|
|
|
|
></image> |
|
|
|
|
|
<view v-show="shouldShowContent(3)" class="content-layer"> |
|
|
<view v-show="shouldShowContent(3)" class="content-layer"> |
|
|
<image |
|
|
<image class="chapter2-bg-txt" src="https://static.ticket.sz-trip.com/epicSoul/image/chapter2/bg-txt.png" :lazy-load="true" mode=""></image> |
|
|
class="chapter2-bg-txt" |
|
|
|
|
|
src="https://static.ticket.sz-trip.com/epicSoul/image/chapter2/bg-txt.png" |
|
|
|
|
|
:lazy-load="true" |
|
|
|
|
|
mode="" |
|
|
|
|
|
></image> |
|
|
|
|
|
<view class="arrow-content chapter2-btn"> |
|
|
<view class="arrow-content chapter2-btn"> |
|
|
<image |
|
|
<image @click="navigateToChapter2" class="btn" src="https://static.ticket.sz-trip.com/epicSoul/image/chapter2/button.png" :lazy-load="true" mode=""></image> |
|
|
@click="navigateToChapter2" |
|
|
|
|
|
class="btn" |
|
|
|
|
|
src="https://static.ticket.sz-trip.com/epicSoul/image/chapter2/button.png" |
|
|
|
|
|
:lazy-load="true" |
|
|
|
|
|
mode="" |
|
|
|
|
|
></image> |
|
|
|
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</template> |
|
|
</template> |
|
@ -139,28 +76,11 @@ |
|
|
<swiper-item> |
|
|
<swiper-item> |
|
|
<view class="page-container home-page"> |
|
|
<view class="page-container home-page"> |
|
|
<template v-if="loadedPages[4]"> |
|
|
<template v-if="loadedPages[4]"> |
|
|
<image |
|
|
<image v-show="shouldShowContent(4)" class="bg-image" src="https://static.ticket.sz-trip.com/epicSoul/image/chapter3/cover.png" :lazy-load="true" mode="aspectFill"></image> |
|
|
v-show="shouldShowContent(4)" |
|
|
|
|
|
class="bg-image" |
|
|
|
|
|
src="https://static.ticket.sz-trip.com/epicSoul/image/chapter3/cover.png" |
|
|
|
|
|
:lazy-load="true" |
|
|
|
|
|
mode="aspectFill" |
|
|
|
|
|
></image> |
|
|
|
|
|
<view v-show="shouldShowContent(4)" class="content-layer"> |
|
|
<view v-show="shouldShowContent(4)" class="content-layer"> |
|
|
<image |
|
|
<image class="chapter3-bg-txt" src="https://static.ticket.sz-trip.com/epicSoul/image/chapter3/bg-txt.png" :lazy-load="true" mode=""></image> |
|
|
class="chapter3-bg-txt" |
|
|
|
|
|
src="https://static.ticket.sz-trip.com/epicSoul/image/chapter3/bg-txt.png" |
|
|
|
|
|
:lazy-load="true" |
|
|
|
|
|
mode="" |
|
|
|
|
|
></image> |
|
|
|
|
|
<view class="arrow-content chapter3-btn"> |
|
|
<view class="arrow-content chapter3-btn"> |
|
|
<image |
|
|
<image @click="navigateToChapter3" class="btn" src="https://static.ticket.sz-trip.com/epicSoul/image/chapter3/button.png" :lazy-load="true" mode=""></image> |
|
|
@click="navigateToChapter3" |
|
|
|
|
|
class="btn" |
|
|
|
|
|
src="https://static.ticket.sz-trip.com/epicSoul/image/chapter3/button.png" |
|
|
|
|
|
:lazy-load="true" |
|
|
|
|
|
mode="" |
|
|
|
|
|
></image> |
|
|
|
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</template> |
|
|
</template> |
|
@ -171,30 +91,12 @@ |
|
|
<swiper-item> |
|
|
<swiper-item> |
|
|
<view class="page-container home-page"> |
|
|
<view class="page-container home-page"> |
|
|
<template v-if="loadedPages[5]"> |
|
|
<template v-if="loadedPages[5]"> |
|
|
<image |
|
|
<image v-show="shouldShowContent(5)" class="bg-image" src="https://static.ticket.sz-trip.com/epicSoul/image/chapter4/covers.png" :lazy-load="true" mode="aspectFill"></image> |
|
|
v-show="shouldShowContent(5)" |
|
|
|
|
|
class="bg-image" |
|
|
|
|
|
src="https://static.ticket.sz-trip.com/epicSoul/image/chapter4/covers.png" |
|
|
|
|
|
:lazy-load="true" |
|
|
|
|
|
mode="aspectFill" |
|
|
|
|
|
></image> |
|
|
|
|
|
<view v-show="shouldShowContent(5)" class="content-layer"> |
|
|
<view v-show="shouldShowContent(5)" class="content-layer"> |
|
|
<!-- <image class="chapter4-bg-txt" src="https://static.ticket.sz-trip.com/epicSoul/image/chapter4/bg-txt.png" :lazy-load="true" mode="widthFix"></image> --> |
|
|
<!-- <image class="chapter4-bg-txt" src="https://static.ticket.sz-trip.com/epicSoul/image/chapter4/bg-txt.png" :lazy-load="true" mode="widthFix"></image> --> |
|
|
<view class="chapter4-btn-content"> |
|
|
<view class="chapter4-btn-content"> |
|
|
<image |
|
|
<image @click="ShareMoments" class="chapter4-btn" src="https://static.ticket.sz-trip.com/epicSoul/image/chapter4/chapter4-btn.png" :lazy-load="true" mode=""></image> |
|
|
@click="ShareMoments" |
|
|
<image @click="navigateToChapter4" class="chapter4-btn chapter4-btn2" src="https://static.ticket.sz-trip.com/epicSoul/image/chapter4/chapter4-btn2.png" :lazy-load="true" mode=""></image> |
|
|
class="chapter4-btn" |
|
|
|
|
|
src="https://static.ticket.sz-trip.com/epicSoul/image/chapter4/chapter4-btn.png" |
|
|
|
|
|
:lazy-load="true" |
|
|
|
|
|
mode="" |
|
|
|
|
|
></image> |
|
|
|
|
|
<image |
|
|
|
|
|
@click="navigateToChapter4" |
|
|
|
|
|
class="chapter4-btn chapter4-btn2" |
|
|
|
|
|
src="https://static.ticket.sz-trip.com/epicSoul/image/chapter4/chapter4-btn2.png" |
|
|
|
|
|
:lazy-load="true" |
|
|
|
|
|
mode="" |
|
|
|
|
|
></image> |
|
|
|
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</template> |
|
|
</template> |
|
@ -205,48 +107,56 @@ |
|
|
<swiper-item> |
|
|
<swiper-item> |
|
|
<view class="page-container home-page"> |
|
|
<view class="page-container home-page"> |
|
|
<template v-if="loadedPages[6]"> |
|
|
<template v-if="loadedPages[6]"> |
|
|
<image |
|
|
<image v-show="shouldShowContent(6)" class="bg-image" src="https://static.ticket.sz-trip.com/epicSoul/footers.png" :lazy-load="true" mode="aspectFill"></image> |
|
|
v-show="shouldShowContent(6)" |
|
|
<image v-show="shouldShowContent(6)" class="qrCode-image" src="https://static.ticket.sz-trip.com/epicSoul/qrCode.png" |
|
|
class="bg-image" |
|
|
:lazy-load="true" mode="widthFix" :show-menu-by-longpress="true"></image> |
|
|
src="https://static.ticket.sz-trip.com/epicSoul/footers.png" |
|
|
|
|
|
:lazy-load="true" |
|
|
|
|
|
mode="aspectFill" |
|
|
|
|
|
></image> |
|
|
|
|
|
<image |
|
|
|
|
|
v-show="shouldShowContent(6)" |
|
|
|
|
|
class="qrCode-image" |
|
|
|
|
|
src="https://static.ticket.sz-trip.com/epicSoul/qrCode.png" |
|
|
|
|
|
:lazy-load="true" |
|
|
|
|
|
mode="widthFix" |
|
|
|
|
|
:show-menu-by-longpress="true" |
|
|
|
|
|
></image> |
|
|
|
|
|
</template> |
|
|
</template> |
|
|
</view> |
|
|
</view> |
|
|
</swiper-item> |
|
|
</swiper-item> |
|
|
</swiper> |
|
|
</swiper> |
|
|
<MusicControl /> |
|
|
<MusicControl /> |
|
|
<AudioControl |
|
|
<AudioControl audioSrc="https://des.js-dyyj.com/data/2025/09/05/fac61c02-6cfd-41bf-9270-0ecd69881da2.MP3" /> |
|
|
audioSrc="https://des.js-dyyj.com/data/2025/09/05/fac61c02-6cfd-41bf-9270-0ecd69881da2.MP3" |
|
|
|
|
|
/> |
|
|
|
|
|
<ShareGuide v-model="showShareGuide" @close="onShareGuideClose" /> |
|
|
<ShareGuide v-model="showShareGuide" @close="onShareGuideClose" /> |
|
|
<NavMenu :nav-index="0" @jump-to-page="handleJumpToPage" /> |
|
|
<NavMenu :nav-index="0" @jump-to-page="handleJumpToPage" /> |
|
|
</view> |
|
|
</view> |
|
|
</template> |
|
|
</template> |
|
|
|
|
|
|
|
|
<script> |
|
|
<script> |
|
|
import AudioControl from "@/components/AudioControl.vue"; |
|
|
import AudioControl from '@/components/AudioControl.vue'; |
|
|
import ShareGuide from "@/components/ShareGuide.vue"; |
|
|
import ShareGuide from '@/components/ShareGuide.vue'; |
|
|
import MusicControl from "@/components/MusicControl.vue"; |
|
|
import MusicControl from '@/components/MusicControl.vue'; |
|
|
import NavMenu from "../components/NavMenu.vue"; |
|
|
import NavMenu from '../components/NavMenu.vue'; |
|
|
|
|
|
import BackButton from "@/components/BackButton.vue"; |
|
|
export default { |
|
|
export default { |
|
|
components: { |
|
|
components: { |
|
|
ShareGuide, |
|
|
ShareGuide, |
|
|
MusicControl, |
|
|
MusicControl, |
|
|
NavMenu, |
|
|
NavMenu, |
|
|
AudioControl, |
|
|
AudioControl, |
|
|
|
|
|
BackButton |
|
|
|
|
|
}, |
|
|
|
|
|
data() { |
|
|
|
|
|
return { |
|
|
|
|
|
showShareGuide: false, |
|
|
|
|
|
currentIndex: 0, |
|
|
|
|
|
loadedPages: { |
|
|
|
|
|
0: false, |
|
|
|
|
|
1: false, |
|
|
|
|
|
2: false, |
|
|
|
|
|
3: false, |
|
|
|
|
|
4: false, |
|
|
|
|
|
5: false, |
|
|
|
|
|
6: false |
|
|
|
|
|
}, |
|
|
|
|
|
preloadBuffer: 1 |
|
|
|
|
|
}; |
|
|
|
|
|
}, |
|
|
|
|
|
methods: { |
|
|
|
|
|
ShareMoments() { |
|
|
|
|
|
this.showShareGuide = true; |
|
|
}, |
|
|
}, |
|
|
onShareGuideClose() { |
|
|
onShareGuideClose() { |
|
|
console.log("分享引导已关闭"); |
|
|
console.log('分享引导已关闭'); |
|
|
}, |
|
|
}, |
|
|
shouldShowContent(index) { |
|
|
shouldShowContent(index) { |
|
|
return Math.abs(index - this.currentIndex) <= this.preloadBuffer; |
|
|
return Math.abs(index - this.currentIndex) <= this.preloadBuffer; |
|
@ -256,40 +166,35 @@ export default { |
|
|
}, |
|
|
}, |
|
|
navigateToChapter1() { |
|
|
navigateToChapter1() { |
|
|
uni.navigateTo({ |
|
|
uni.navigateTo({ |
|
|
url: "/xxdf/chapter1/cover1", |
|
|
url: '/xxdf/chapter1/cover1' |
|
|
}); |
|
|
}); |
|
|
}, |
|
|
}, |
|
|
navigateToChapter2() { |
|
|
navigateToChapter2() { |
|
|
uni.navigateTo({ |
|
|
uni.navigateTo({ |
|
|
url: "/xxdf/chapter2/cover", |
|
|
url: '/xxdf/chapter2/cover' |
|
|
}); |
|
|
}); |
|
|
}, |
|
|
}, |
|
|
navigateToChapter3() { |
|
|
navigateToChapter3() { |
|
|
uni.navigateTo({ |
|
|
uni.navigateTo({ |
|
|
url: "/xxdf/chapter3/cover", |
|
|
url: '/xxdf/chapter3/cover' |
|
|
}); |
|
|
}); |
|
|
}, |
|
|
}, |
|
|
navigateToChapter4() { |
|
|
navigateToChapter4() { |
|
|
uni.navigateTo({ |
|
|
uni.navigateTo({ |
|
|
url: "/xxdf/chapter4/cover", |
|
|
url: '/xxdf/chapter4/cover' |
|
|
}); |
|
|
}); |
|
|
|
|
|
} |
|
|
}, |
|
|
}, |
|
|
watch: { |
|
|
watch: { |
|
|
currentIndex(newIndex) { |
|
|
currentIndex(newIndex) { |
|
|
for ( |
|
|
for (let i = Math.max(0, newIndex - this.preloadBuffer); i <= Math.min(6, newIndex + this.preloadBuffer); i++) { |
|
|
let i = Math.max(0, newIndex - this.preloadBuffer); |
|
|
|
|
|
i <= Math.min(6, newIndex + this.preloadBuffer); |
|
|
|
|
|
i++ |
|
|
|
|
|
) { |
|
|
|
|
|
this.loadedPages[i] = true; |
|
|
this.loadedPages[i] = true; |
|
|
} |
|
|
} |
|
|
}, |
|
|
} |
|
|
}, |
|
|
}, |
|
|
mounted() { |
|
|
mounted() { |
|
|
const app = getApp(); |
|
|
const app = getApp(); |
|
|
app.updateMusicSrc( |
|
|
app.updateMusicSrc('https://static.ticket.sz-trip.com/epicSoul/comfort.mp3'); |
|
|
"https://static.ticket.sz-trip.com/epicSoul/comfort.mp3" |
|
|
|
|
|
); |
|
|
|
|
|
app.initBackgroundMusic(); // 初始化背景音乐 |
|
|
app.initBackgroundMusic(); // 初始化背景音乐 |
|
|
uni.$bgMusic.play(); // 播放音乐 |
|
|
uni.$bgMusic.play(); // 播放音乐 |
|
|
for (let i = 0; i <= Math.min(1 + this.preloadBuffer, 6); i++) { |
|
|
for (let i = 0; i <= Math.min(1 + this.preloadBuffer, 6); i++) { |
|
@ -302,11 +207,7 @@ export default { |
|
|
onShow() { |
|
|
onShow() { |
|
|
try { |
|
|
try { |
|
|
const app = getApp(); |
|
|
const app = getApp(); |
|
|
if ( |
|
|
if (app.globalData && app.globalData.mainSliderIndex!== undefined && app.globalData.mainSliderIndex!== 0) { |
|
|
app.globalData && |
|
|
|
|
|
app.globalData.mainSliderIndex !== undefined && |
|
|
|
|
|
app.globalData.mainSliderIndex !== 0 |
|
|
|
|
|
) { |
|
|
|
|
|
const newIndex = app.globalData.mainSliderIndex; |
|
|
const newIndex = app.globalData.mainSliderIndex; |
|
|
setTimeout(() => { |
|
|
setTimeout(() => { |
|
|
this.currentIndex = newIndex; |
|
|
this.currentIndex = newIndex; |
|
@ -314,26 +215,26 @@ export default { |
|
|
}, 100); |
|
|
}, 100); |
|
|
} |
|
|
} |
|
|
} catch (error) { |
|
|
} catch (error) { |
|
|
console.error("获取globalData失败:", error); |
|
|
console.error('获取globalData失败:', error); |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
// 微信分享配置 |
|
|
// 微信分享配置 |
|
|
// #ifdef MP-WEIXIN |
|
|
// #ifdef MP-WEIXIN |
|
|
onShareAppMessage() { |
|
|
onShareAppMessage() { |
|
|
return { |
|
|
return { |
|
|
title: "细嗅东方·Out Of Space|「Epic Soul」阅读体 issue02", |
|
|
title: '细嗅东方·Out Of Space|「Epic Soul」阅读体 issue02', |
|
|
mpId: "wx8954209bb3ad489e", |
|
|
mpId: 'wx8954209bb3ad489e', |
|
|
path: "/xxdf/home/home", |
|
|
path: '/xxdf/home/home', |
|
|
imageUrl: "https://static.ticket.sz-trip.com/epicSoul/share-img.jpg", |
|
|
imageUrl: 'https://static.ticket.sz-trip.com/epicSoul/share-img.jpg' |
|
|
}; |
|
|
}; |
|
|
}, |
|
|
}, |
|
|
onShareTimeline() { |
|
|
onShareTimeline() { |
|
|
return { |
|
|
return { |
|
|
title: "细嗅东方·Out Of Space|「Epic Soul」阅读体 issue02", |
|
|
title: '细嗅东方·Out Of Space|「Epic Soul」阅读体 issue02', |
|
|
query: "", |
|
|
query: '', |
|
|
imageUrl: "https://static.ticket.sz-trip.com/epicSoul/share-img.jpg", |
|
|
imageUrl: 'https://static.ticket.sz-trip.com/epicSoul/share-img.jpg' |
|
|
}; |
|
|
}; |
|
|
}, |
|
|
} |
|
|
// #endif |
|
|
// #endif |
|
|
}; |
|
|
}; |
|
|
</script> |
|
|
</script> |
|
@ -426,13 +327,14 @@ export default { |
|
|
align-items: center; |
|
|
align-items: center; |
|
|
flex-direction: column; |
|
|
flex-direction: column; |
|
|
font-size: 30rpx; |
|
|
font-size: 30rpx; |
|
|
color: #ffffff; |
|
|
color: #FFFFFF; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.layer-text view:last-child { |
|
|
.layer-text view:last-child { |
|
|
margin-top: 20rpx; |
|
|
margin-top: 20rpx; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.prologue-page { |
|
|
.prologue-page { |
|
|
background-image: linear-gradient(120deg, #e0c3fc 0%, #8ec5fc 100%); |
|
|
background-image: linear-gradient(120deg, #e0c3fc 0%, #8ec5fc 100%); |
|
|
} |
|
|
} |
|
@ -484,8 +386,8 @@ export default { |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.enter-btn { |
|
|
.enter-btn { |
|
|
background-color: #007aff; |
|
|
background-color: #007AFF; |
|
|
color: #ffffff; |
|
|
color: #FFFFFF; |
|
|
padding: 20rpx 60rpx; |
|
|
padding: 20rpx 60rpx; |
|
|
border-radius: 100rpx; |
|
|
border-radius: 100rpx; |
|
|
font-size: 32rpx; |
|
|
font-size: 32rpx; |
|
|