Browse Source

返回按钮

dev_des
1054425342@qq.com 1 month ago
parent
commit
b068045b87
  1. 3
      bmzm/home/home.vue
  2. 2
      components/IPComponents.vue
  3. 4
      components/header.vue
  4. 11
      pages/index/readingBody.vue
  5. 12
      pages/index/timeShopBank.vue
  6. 2
      pages/stratIndex.vue
  7. 4
      pig/home/home.vue
  8. 3
      subPackages/other/evita.vue
  9. 2
      subPackages/other/introduction.vue
  10. 5
      xqk/home/home.vue
  11. 2
      xrcc/home/home.vue
  12. 252
      xxdf/home/home.vue

3
bmzm/home/home.vue

@ -1,5 +1,6 @@
<template> <template>
<view> <view>
<BackButton />
<swiper <swiper
class="swiper" class="swiper"
:current="currentIndex" :current="currentIndex"
@ -39,11 +40,13 @@
import AudioControl from "@/components/AudioControl.vue"; import AudioControl from "@/components/AudioControl.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: {
MusicControl, MusicControl,
NavMenu, NavMenu,
AudioControl, AudioControl,
BackButton
}, },
data() { data() {
return { return {

2
components/IPComponents.vue

@ -85,7 +85,7 @@ export default {
return { return {
list: [{ list: [{
image:'/uploads/20250908/bb069c36e88de7cde4e8dd24ac3b33b5.png', image:'/uploads/20250908/bb069c36e88de7cde4e8dd24ac3b33b5.png',
title:'太湖', title:'太湖NAINO',
des:'NAINO的异次元发现', des:'NAINO的异次元发现',
}, },
{ {

4
components/header.vue

@ -54,7 +54,7 @@
<view class="logo"> <view class="logo">
<image <image
class="" class=""
:src="showImg('/uploads/20250825/7ad541ebe1b7e1f82f78362978f627ff.png')" :src="showImg('/uploads/20250910/fff8aa38c1338a9bfceaf33763e9f4c6.png')"
mode="heightFix" mode="heightFix"
></image> ></image>
</view> </view>
@ -275,7 +275,7 @@ export default {
font-weight: bold; font-weight: bold;
font-size: 35rpx; font-size: 35rpx;
image{ image{
height: 29.16rpx; height: 85rpx;
} }
} }

11
pages/index/readingBody.vue

@ -76,10 +76,10 @@
:src="showImg(readingList[0].image)" :src="showImg(readingList[0].image)"
></image> --> ></image> -->
<view class="new-book-body-title" style=""> <view class="new-book-body-title" style="">
今夜我们都有一艘秘密飞船 一只蟹的生命远征
</view> </view>
<view class="new-book-body-desc"> <view class="new-book-body-desc">
本期由DAYUN远见文化工厂与吴文化博物馆联合推出将其馆藏文物元代朱碧山造银槎杯活化为数字IP不仅是一次文物活化的深度实践更是一份献给现代人的精神远航指南邀你随时登船自在漂浮 本期由DAYUN远见文化工厂携手清水村阳澄湖大闸蟹推出苏青壳IP赋魂讲述蟹灵自山海初生万里逆行终归阳澄澄波的史诗清水至净守蟹人循时以待金爪青背蜕变成天地诗篇是一次湖光与生命的壮丽合奏见证蜕变见证信仰见证原乡
</view> </view>
</view> </view>
<!-- <view class="top-box"> <!-- <view class="top-box">
@ -204,6 +204,7 @@ export default {
startSwiper: [], startSwiper: [],
isShow: true, isShow: true,
descList: [ descList: [
"本期由DAYUN远见文化工厂与吴文化博物馆联合推出,将其馆藏文物“元代朱碧山造银槎杯”活化为数字IP。这不仅是一次文物活化的深度实践,更是一份献给现代人的精神远航指南,邀你随时登船,自在漂浮。",
"颠覆“笨猪”的刻板印象,讲述一段关于文明、家国、美味与勇气的趣味进化史。为新中式烘焙品牌圣百合提供文化寻根的灵感,让最寻常的食物也能讲述不凡的故事。", "颠覆“笨猪”的刻板印象,讲述一段关于文明、家国、美味与勇气的趣味进化史。为新中式烘焙品牌圣百合提供文化寻根的灵感,让最寻常的食物也能讲述不凡的故事。",
"以一根不眠之“丝”为线索,展现其从天虫吐丝的生命史诗,到织就华夏文明经纬的惊人跨度。致力于让古老的丝绸非遗,重焕新生,成为可被穿戴的东方美学。", "以一根不眠之“丝”为线索,展现其从天虫吐丝的生命史诗,到织就华夏文明经纬的惊人跨度。致力于让古老的丝绸非遗,重焕新生,成为可被穿戴的东方美学。",
"以一缕千年柏香为引,探索人类被低估的“嗅觉指纹” 。通过对千年古柏背后人文风骨的挖掘,为新中式香氛产业提供深度文化叙事,将无形的意境转化为可被感知的灵魂香气。", "以一缕千年柏香为引,探索人类被低估的“嗅觉指纹” 。通过对千年古柏背后人文风骨的挖掘,为新中式香氛产业提供深度文化叙事,将无形的意境转化为可被感知的灵魂香气。",
@ -506,6 +507,12 @@ export default {
} }
} }
.reading-box::after {
content: '';
flex: 0 0 calc(50% - 20rpx);
height: 0;
}
.start-swiper { .start-swiper {
width: 100vw; width: 100vw;
height: calc(100vh - 123rpx); height: calc(100vh - 123rpx);

12
pages/index/timeShopBank.vue

@ -44,9 +44,7 @@
<!-- 内容区域 --> <!-- 内容区域 -->
<view class="content-area"> <view class="content-area">
<!-- 笔记tab内容 --> <!-- <view v-if="currentTab === 0" class="notes-content">
<view v-if="currentTab === 0" class="notes-content">
<!-- 发布按钮 -->
<view class="fab-container"> <view class="fab-container">
<image <image
:src=" :src="
@ -55,8 +53,6 @@
style="width: 91rpx; height: 91rpx" style="width: 91rpx; height: 91rpx"
></image> ></image>
</view> </view>
<!-- 瀑布流组件 -->
<WaterfallLayout <WaterfallLayout
:items="waterfallItems" :items="waterfallItems"
:column-count="2" :column-count="2"
@ -65,8 +61,12 @@
@item-click="handleItemClick" @item-click="handleItemClick"
style="margin-top: 20rpx" style="margin-top: 20rpx"
/> />
<text class="coming-soon">关注功能开发中...</text>
</view> -->
<view v-if="currentTab === 0" class="follow-content recommend-content">
<!-- <FollowTab /> -->
<text class="coming-soon">笔记功能开发中...</text>
</view> </view>
<!-- 关注tab内容 --> <!-- 关注tab内容 -->
<view v-if="currentTab === 1" class="follow-content recommend-content"> <view v-if="currentTab === 1" class="follow-content recommend-content">
<!-- <FollowTab /> --> <!-- <FollowTab /> -->

2
pages/stratIndex.vue

@ -2,7 +2,7 @@
<view class="bg" @click="goIndex()"> <view class="bg" @click="goIndex()">
<image <image
style="height: 60rpx;position: absolute;top: 250rpx;z-index: 999;width: 408rpx;right: 171rpx;" style="height: 60rpx;position: absolute;top: 250rpx;z-index: 999;width: 408rpx;right: 171rpx;"
:src="showImg('/uploads/20250826/bef737e7da8fc72d1e275f832fe33339.png')" :src="showImg('/uploads/20250909/53b42f2f8deb630dc6f0e505f6be188c.png')"
></image> ></image>
<image :src="showImg(screenPng)" class="img"></image> <image :src="showImg(screenPng)" class="img"></image>
<image src="https://static.ticket.sz-trip.com/epicSoul/startBtn.png" mode="widthFix" class="btn"></image> <image src="https://static.ticket.sz-trip.com/epicSoul/startBtn.png" mode="widthFix" class="btn"></image>

4
pig/home/home.vue

@ -1,5 +1,6 @@
<template> <template>
<view> <view>
<BackButton/>
<swiper <swiper
class="main-swiper" class="main-swiper"
:vertical="true" :vertical="true"
@ -336,7 +337,7 @@ import messagePop from "@/components/messagePop.vue";
import messageBoard from "@/components/messageBoard.vue"; import messageBoard from "@/components/messageBoard.vue";
import MusicControl from "@/components/MusicControl.vue"; import MusicControl from "@/components/MusicControl.vue";
import TitleHeader from "@/components/TitleHeader.vue"; import TitleHeader from "@/components/TitleHeader.vue";
import BackButton from "@/components/BackButton.vue";
export default { export default {
components: { components: {
BuyPeaches, BuyPeaches,
@ -346,6 +347,7 @@ export default {
messageBoard, messageBoard,
MusicControl, MusicControl,
TitleHeader, TitleHeader,
BackButton
}, },
data() { data() {
return { return {

3
subPackages/other/evita.vue

@ -89,6 +89,7 @@
).then((res) => { ).then((res) => {
if (res.code == 200) { if (res.code == 200) {
this.agentInfo = res.data.agent this.agentInfo = res.data.agent
this.agentStatus = res.data.agentStatus
const app = getApp(); const app = getApp();
// //
if (app.globalData.bgMusic) { if (app.globalData.bgMusic) {
@ -114,7 +115,7 @@
url: "/pages/agent/index?id="+this.agentInfo.agentId url: "/pages/agent/index?id="+this.agentInfo.agentId
}); });
}else{ }else{
if(this.agentInfo.agentStatus){ if(this.agentStatus){
uni.navigateTo({ uni.navigateTo({
url: "/pages/agent/index?id="+this.agentInfo.agentId url: "/pages/agent/index?id="+this.agentInfo.agentId
}); });

2
subPackages/other/introduction.vue

@ -2,7 +2,7 @@
<template> <template>
<view class="" style="font-size: 0;"> <view class="" style="font-size: 0;">
<BackButton /> <BackButton />
<image class="bannerImg" mode="aspectFill" :src="showImg('/uploads/20250825/86509d1c16bd2611f7bd923caba0b648.png')"> </image> <image class="bannerImg" mode="aspectFill" :src="showImg('/uploads/20250909/b3d4c08e996677903f1d4f295d6d7416.png')"> </image>
</view> </view>
</template> </template>

5
xqk/home/home.vue

@ -1,5 +1,6 @@
<template> <template>
<view style="width: 100vw;position: relative;"> <view style="width: 100vw;position: relative;">
<BackButton/>
<!-- <SinglePlayGif <!-- <SinglePlayGif
gifSrc="https://static.ticket.sz-trip.com/epicSoul/xrcc/home/img1.gif" gifSrc="https://static.ticket.sz-trip.com/epicSoul/xrcc/home/img1.gif"
staticCover="https://static.ticket.sz-trip.com/epicSoul/xrcc/home/img1.png" staticCover="https://static.ticket.sz-trip.com/epicSoul/xrcc/home/img1.png"
@ -31,6 +32,7 @@
import MusicControl from '@/components/MusicControl.vue'; import MusicControl from '@/components/MusicControl.vue';
import SinglePlayGif from '../components/SinglePlayGif.vue'; import SinglePlayGif from '../components/SinglePlayGif.vue';
import NavMenu from '../components/NavMenu.vue'; import NavMenu from '../components/NavMenu.vue';
import BackButton from "@/components/BackButton.vue";
// import SwipeToNext from '@/components/SwipeToNext.vue'; // import SwipeToNext from '@/components/SwipeToNext.vue';
export default { export default {
components: { components: {
@ -38,7 +40,8 @@
SinglePlayGif, SinglePlayGif,
NavMenu, NavMenu,
// SwipeToNext, // SwipeToNext,
AudioControl AudioControl,
BackButton
}, },
data() { data() {
return { return {

2
xrcc/home/home.vue

@ -68,12 +68,14 @@ import AudioControl from "@/components/AudioControl.vue";
import MusicControl from "@/components/MusicControl.vue"; import MusicControl from "@/components/MusicControl.vue";
import SinglePlayGif from "../components/SinglePlayGif.vue"; import SinglePlayGif from "../components/SinglePlayGif.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: {
MusicControl, MusicControl,
SinglePlayGif, SinglePlayGif,
NavMenu, NavMenu,
AudioControl, AudioControl,
BackButton
}, },
data() { data() {
return { return {

252
xxdf/home/home.vue

@ -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;

Loading…
Cancel
Save