修改阅读页面
This commit is contained in:
parent
d30b1657ab
commit
97bc244e15
@ -15,6 +15,10 @@
|
||||
{
|
||||
"playground" : "custom",
|
||||
"type" : "uni-app:app-ios"
|
||||
},
|
||||
{
|
||||
"playground" : "custom",
|
||||
"type" : "uni-app:app-android"
|
||||
}
|
||||
]
|
||||
}
|
||||
|
||||
File diff suppressed because one or more lines are too long
@ -1,633 +0,0 @@
|
||||
<template>
|
||||
<u-navbar :title="navbarTitle" @rightClick="rightClick" :autoBack="true" :fixed="true" :bgColor="mainBodyBg"
|
||||
:titleStyle="{'color':navigationBarTitleTextColor,}" :leftIconColor="navigationBarTitleTextBackColor"
|
||||
:shadow="true" :safeAreaInsetTop="true" :placeholder="true">
|
||||
</u-navbar>
|
||||
<view class="novelReading_content">
|
||||
<!-- :refresher-complete-scrollable="true" -->
|
||||
<!-- <z-paging ref="paging" @onRefresh="onRefresh"
|
||||
:style="`background:${bodyReadingBg};height:${bodyReadingHeight}px;`"
|
||||
v-model="novelReadingContentText" @scrolltolower="scrolltolower" > -->
|
||||
|
||||
<!-- 页面内容 -->
|
||||
<!-- :style="`height:${bodyReadingHeight}px;`" -->
|
||||
<!-- <view class="novelReading_body" @tap="handelShowStepUp">
|
||||
<view class="novelReading_main">
|
||||
<view class="novelReading_characters_main"
|
||||
:style="`color:${novelContentColor};font-size:${newCharactersSize}rpx;line-height:${defaultCharactersLineHeight}`"
|
||||
v-for="m in novelReadingContentText" :key="m.id" :id="`richText_${m.id}`">
|
||||
<rich-text :nodes="m.content" :ref="`richText_${m.id}`"></rich-text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</z-paging> -->
|
||||
<u-popup :show="tabBarPopupShow" mode="bottom" :overlay="false" zIndex="6">
|
||||
<view class="my_tabBar_Reading" :style="`background:${bodyReadingBg}`">
|
||||
<view class="tabBar_Reading_item">
|
||||
<view class="reading_item_icon" @tap="handelDirectoryPopup">
|
||||
<image class="is_images" :src="barPopupIcon[novelMainTypeColor].directory_icon"></image>
|
||||
</view>
|
||||
<view class="reading_item_name" :style="`color:${tabBarTextColor}`">目录</view>
|
||||
</view>
|
||||
<view class="tabBar_Reading_item">
|
||||
<view class="reading_item_icon">
|
||||
<image class="is_images" :src="barPopupIcon[novelMainTypeColor].bookshelf_icon"></image>
|
||||
</view>
|
||||
<view class="reading_item_name" :style="`color:${tabBarTextColor}`">书城</view>
|
||||
</view>
|
||||
<view class="tabBar_Reading_item" @tap="handelSteUpPopup">
|
||||
<view class="reading_item_icon">
|
||||
<image class="is_images" :src="barPopupIcon[novelMainTypeColor].step_up_icon"></image>
|
||||
</view>
|
||||
<view class="reading_item_name" :style="`color:${tabBarTextColor}`">设置</view>
|
||||
</view>
|
||||
</view>
|
||||
</u-popup>
|
||||
<u-popup :show="readingPopupshow" mode="bottom" :overlay="false" zIndex="4" bgColor="transparent">
|
||||
<view class="reading_schedule_box" :style="`background:${bodyReadingBg}`">
|
||||
<view style="height:140rpx" />
|
||||
</view>
|
||||
</u-popup>
|
||||
<u-popup :show="stepUpPopupShow" mode="bottom" :overlay="false" bgColor="transparent" zIndex="5">
|
||||
<view class="step_up_box" :style="`background:${bodyReadingBg}`">
|
||||
<view class="step_up_box_body">
|
||||
<view class="step_up_item">
|
||||
<view class="step_up_item_name" :style="`color:${dialogTextColor}`">
|
||||
背景
|
||||
</view>
|
||||
<view :class="[`step_up_item_bg`,novelMainTypeColor == 'F3EFE9' ? 'activeBlack' :'']"
|
||||
style="background:#F3EFE9 ;" @tap="changNovelMainType('F3EFE9')"></view>
|
||||
<view :class="[`step_up_item_bg`,novelMainTypeColor == 'CCD9E2' ? 'activeBlack' :'']"
|
||||
style="background:#CCD9E2 ;" @tap="changNovelMainType('CCD9E2')"></view>
|
||||
<view :class="[`step_up_item_bg`,novelMainTypeColor == '333333' ? 'activeWhite' :'']"
|
||||
@tap="changNovelMainType('333333')">
|
||||
<image class="is_images" :src="setUpModeBlack" />
|
||||
</view>
|
||||
</view>
|
||||
<view class="step_up_item mt40rpx">
|
||||
<view class="step_up_item_name" :style="`color:${dialogTextColor}`">
|
||||
字号
|
||||
</view>
|
||||
<view class="step_up_item_text_bg"
|
||||
:style="`color:${dialogTextColor};background:${dialogATextBg}`" @tap="reduceCharactersSize">
|
||||
A-</view>
|
||||
<view class="step_up_item_text_bg"
|
||||
:style="`color:${dialogTextColor};background:${dialogATextBg}`" @tap="addCharactersSize">A+
|
||||
</view>
|
||||
<view class="step_up_item_text_bg"
|
||||
:style="`color:${dialogTextColor};background:${dialogATextBg}`" @tap="handelCharactersSize">
|
||||
默认</view>
|
||||
</view>
|
||||
</view>
|
||||
<view style="height:140rpx" />
|
||||
</view>
|
||||
</u-popup>
|
||||
<u-popup :show="directoryPopupShow" @close="directoryPopupClose" mode="right" :safeAreaInsetTop="true">
|
||||
<view class="directory_popup_box">
|
||||
<scroll-view scroll-y="true" @scrolltoupper="directoryPopupUpper" @scrolltolower="directoryPopupLower"
|
||||
:style="`height:${directoryPopupHeight}px`" :show-scrollbar="false">
|
||||
<view class="_popup_box_item" v-for="m in myData" :key="m.id">
|
||||
<view :class="['_item_name', readDirectoryActive == m.id? 'active':''] ">
|
||||
{{m.sub}}
|
||||
</view>
|
||||
<view v-if="m.isvip" class="_item_chapter_lock">
|
||||
<image class="is_images" src="/static/images/chapter_lock.png"></image>
|
||||
</view>
|
||||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
</u-popup>
|
||||
</view>
|
||||
<!--
|
||||
<rich-text id="compute_rich_text" :nodes="computeRichText"
|
||||
:style="`color:${novelContentColor};font-size:${newCharactersSize}rpx;line-height:${defaultCharactersLineHeight}`"></rich-text>
|
||||
|
||||
</view> -->
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import setUpReadingColorAll from './setUpReadingColorAll.js';
|
||||
import bookshelf_333 from '/static/images/novelReading/bookshelf_333.png';
|
||||
import directory_333 from '/static/images/novelReading/directory_333.png';
|
||||
import step_up_333 from '/static/images/novelReading/step_up_333.png';
|
||||
import bookshelf_ccd9e2 from '/static/images/novelReading/bookshelf_ccd9e2.png';
|
||||
import step_up_ccd9e2 from '/static/images/novelReading/step_up_ccd9e2.png';
|
||||
import directory_ccd9e2 from '/static/images/novelReading/directory_ccd9e2.png';
|
||||
import bookshelf_f3efe from '/static/images/novelReading/bookshelf_f3efe.png';
|
||||
import directory_f3efe9 from '/static/images/novelReading/directory_f3efe9.png';
|
||||
import step_up_f3efe from '/static/images/novelReading/step_up_f3efe.png';
|
||||
import set_up_mode_black from '/static/images/novelReading/set_up_mode_black.png';
|
||||
import {
|
||||
isGetSystemInfo
|
||||
} from '@/utils/systemInfo.js';
|
||||
import {
|
||||
myGetStorage,
|
||||
mySetStorage
|
||||
} from '@/utils/storage/index.js';
|
||||
import myData from './data.js'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
novelMainTypeColor: '',
|
||||
navbarTitle: '小说阅读页面',
|
||||
setUpColorAll: {},
|
||||
navigationBarTitleTextColor: '',
|
||||
mainBodyBg: '',
|
||||
navigationBarTitleTextBackColor: '',
|
||||
bodyReadingHeight: 0,
|
||||
scrollReadingHeight: 0,
|
||||
// 内容背景
|
||||
bodyReadingBg: '',
|
||||
// 底部安全区
|
||||
bottomSecureHeight: 0,
|
||||
tabBarPopupShow: false,
|
||||
readingPopupshow: false,
|
||||
stepUpPopupShow: false,
|
||||
directoryPopupShow: false,
|
||||
// bar 的icon
|
||||
barPopupIcon: {},
|
||||
dialogTextColor: '',
|
||||
progressBg: '',
|
||||
progressActiveBg: '',
|
||||
setUpModeBlack: '',
|
||||
dialogATextBg: '',
|
||||
novelContentColor: '',
|
||||
// 目录信息
|
||||
booksDirectorySid: '2387',
|
||||
booksDirectoryPage: 1,
|
||||
newBooksDirectoryPage: [],
|
||||
directoryList: [],
|
||||
directoryPopupHeight: 0,
|
||||
// 小说信息
|
||||
novelReadingContentText: [],
|
||||
defaultCharactersSize: 46,
|
||||
newCharactersSize: 46,
|
||||
defaultCharactersLineHeight: 2,
|
||||
readDirectoryActive: '',
|
||||
myData: [],
|
||||
novelSwiperCurrent: 0,
|
||||
computeRichText: '',
|
||||
isScrollTop: 0
|
||||
}
|
||||
},
|
||||
onLoad() {
|
||||
|
||||
},
|
||||
onShow() {
|
||||
const booksDirectorySid = this.booksDirectorySid;
|
||||
const booksDirectoryPage = this.booksDirectoryPage;
|
||||
const newBooksDirectoryPage = [...this.newBooksDirectoryPage, booksDirectoryPage];
|
||||
this.newBooksDirectoryPage = newBooksDirectoryPage;
|
||||
this.isGetDirectory(booksDirectorySid, booksDirectoryPage);
|
||||
this.isGetUserRead()
|
||||
},
|
||||
methods: {
|
||||
isGetUserRead() {
|
||||
this.readDirectoryActive = '1';
|
||||
this.isGetBookInfo()
|
||||
},
|
||||
isGetBookInfo() {
|
||||
const readDirectoryActive = this.readDirectoryActive;
|
||||
const bodyReadingHeight = this.bodyReadingHeight;
|
||||
const novelReadingContentText = this.myData[readDirectoryActive];
|
||||
// this.computeRichText = novelReadingContentText.content
|
||||
this.$nextTick(() => {
|
||||
this.$refs.paging.complete([novelReadingContentText]);
|
||||
})
|
||||
|
||||
// const query = uni.createSelectorQuery().in(this);
|
||||
// this.$nextTick(() => {
|
||||
// query.select(`#compute_rich_text`).boundingClientRect(data => {
|
||||
// console.log(data.height / bodyReadingHeight, "============")
|
||||
// const swiperItemHeightObj = [{
|
||||
// ...novelReadingContentText,
|
||||
// swiperItemHeight: data.height,
|
||||
// swiperItemPage: parseInt(data.height / bodyReadingHeight)
|
||||
// }]
|
||||
// this.novelReadingContentText = [...this.novelReadingContentText, ...
|
||||
// swiperItemHeightObj
|
||||
// ];
|
||||
// console.log(this.novelReadingContentText, "=========")
|
||||
// }).exec()
|
||||
// })
|
||||
//
|
||||
// this.novelReadingContentText = [novelReadingContentText];
|
||||
// this.$nextTick(() => {query.select(`.novelReading_main #richText_${readDirectoryActive}`).boundingClientRect(
|
||||
// this.$nextTick(() => {
|
||||
// query.select(`#compute_rich_text`).boundingClientRect(
|
||||
// data => {
|
||||
// // const swiperItemHeightObj = {
|
||||
// // ...this.swiperItemHeightObj,
|
||||
// // id: readDirectoryActive,
|
||||
// // swiperItemHeight: data.height,
|
||||
// // swiperItemPage: data.height / bodyReadingHeight
|
||||
// // }
|
||||
// // this.swiperItemHeightObj = {
|
||||
// // ...swiperItemHeightObj
|
||||
// // };
|
||||
// console.log(data.height, "==========")
|
||||
// setTimeout(() => {
|
||||
// this.isScrollTop = parseInt(data.height) - 8632;
|
||||
// // this.isScrollTop = 0;
|
||||
// this.novelReadingContentText = [this.myData[0], ...this
|
||||
// .novelReadingContentText
|
||||
// ];
|
||||
// }, 2000)
|
||||
// }).exec()
|
||||
// })
|
||||
// setTimeout(() => {
|
||||
// this.novelReadingContentText = [this.myData[0], ...this.novelReadingContentText];
|
||||
// }, 1000)
|
||||
},
|
||||
onRefresh() {
|
||||
console.log("refresherTouchendrefresherTouchend")
|
||||
this.$refs.paging.complete([this.myData[0]]);
|
||||
// setTimeout(() => {
|
||||
// this.novelReadingContentText = [this.myData[0], ...this.novelReadingContentText];
|
||||
// }, 1000)
|
||||
},
|
||||
// scrolltolower() {
|
||||
// console.log("666666666")
|
||||
// this.$refs.paging.complete([this.myData[2]]);
|
||||
// },
|
||||
// charactersUpper() {
|
||||
// console.log("ooooooooooooooo")
|
||||
// },
|
||||
handelShowStepUp() {
|
||||
this.tabBarPopupShow = !this.tabBarPopupShow;
|
||||
this.readingPopupshow = !this.readingPopupshow;
|
||||
this.stepUpPopupShow = false;
|
||||
},
|
||||
handelDirectoryPopup() {
|
||||
this.directoryPopupShow = true;
|
||||
},
|
||||
directoryPopupClose() {
|
||||
this.directoryPopupShow = false;
|
||||
},
|
||||
handelSteUpPopup() {
|
||||
this.stepUpPopupShow = true;
|
||||
},
|
||||
tabBarPopupClose() {
|
||||
this.tabBarPopupShow = false;
|
||||
},
|
||||
changNovelMainType(type) {
|
||||
this.novelMainTypeColor = type;
|
||||
this.initPage(type);
|
||||
mySetStorage('novelMainTypeColor', type);
|
||||
},
|
||||
reduceCharactersSize() {
|
||||
const newCharactersSize = this.newCharactersSize;
|
||||
this.newCharactersSize = newCharactersSize - 2;
|
||||
},
|
||||
addCharactersSize() {
|
||||
const newCharactersSize = this.newCharactersSize;
|
||||
this.newCharactersSize = newCharactersSize + 2;
|
||||
},
|
||||
handelCharactersSize() {
|
||||
const defaultCharactersSize = this.defaultCharactersSize;
|
||||
this.newCharactersSize = defaultCharactersSize;
|
||||
},
|
||||
// 目录划到了最上边
|
||||
directoryPopupUpper() {
|
||||
const isBooksDirectoryPage = this.booksDirectoryPage;
|
||||
const newBooksDirectoryPage = this.newBooksDirectoryPage;
|
||||
if (isBooksDirectoryPage > 1 && newBooksDirectoryPage.indexOf(isBooksDirectoryPage) == -1) {
|
||||
const booksDirectorySid = this.booksDirectorySid;
|
||||
const booksDirectoryPage = isBooksDirectoryPage - 1;
|
||||
this.booksDirectoryPage = booksDirectoryPage
|
||||
this.isGetDirectory(booksDirectorySid, booksDirectoryPage, 'upper')
|
||||
}
|
||||
},
|
||||
// 目录划到了最下边
|
||||
directoryPopupLower() {
|
||||
const isBooksDirectoryPage = this.booksDirectoryPage
|
||||
const booksDirectorySid = this.booksDirectorySid;
|
||||
const booksDirectoryPage = isBooksDirectoryPage + 1;
|
||||
const newBooksDirectoryPage = [...this.newBooksDirectoryPage, booksDirectoryPage]
|
||||
this.newBooksDirectoryPage = newBooksDirectoryPage;
|
||||
this.booksDirectoryPage = booksDirectoryPage
|
||||
this.isGetDirectory(booksDirectorySid, booksDirectoryPage, 'lower')
|
||||
},
|
||||
isGetDirectory(sid, page, type) {
|
||||
uni.showLoading({
|
||||
title: '加载中...'
|
||||
});
|
||||
const data = {
|
||||
sid,
|
||||
page,
|
||||
// startOrder,
|
||||
}
|
||||
uni.$u.http.post('/getDirectory', data).then((res) => {
|
||||
uni.hideLoading();
|
||||
if (res.status == 1) {
|
||||
const directory = res.data.directory;
|
||||
// const stage = res.data.stage;
|
||||
// const directoryCount = res.data.directory_count;
|
||||
let columnsLabel = ''
|
||||
if (type == 'upper') {
|
||||
this.directoryList = [...directory, ...this.directoryList];
|
||||
} else if (type == 'lower') {
|
||||
this.directoryList = [...this.directoryList, ...directory];
|
||||
} else {
|
||||
this.directoryList = directory;
|
||||
}
|
||||
}
|
||||
}).catch((err) => {
|
||||
uni.hideLoading();
|
||||
console.log(err, "========")
|
||||
})
|
||||
},
|
||||
initPage(novelMainTypeColor) {
|
||||
const mainBodyBg = setUpReadingColorAll[novelMainTypeColor].mainBodyBg;
|
||||
this.navigationBarTitleTextColor = setUpReadingColorAll[novelMainTypeColor].navigationBarTitleTextColor;
|
||||
this.mainBodyBg = mainBodyBg;
|
||||
this.bodyReadingBg = mainBodyBg;
|
||||
this.dialogTextColor = setUpReadingColorAll[novelMainTypeColor].dialogTextColor;
|
||||
this.progressBg = setUpReadingColorAll[novelMainTypeColor].progressBg;
|
||||
this.progressActiveBg = setUpReadingColorAll[novelMainTypeColor].progressActiveBg;
|
||||
this.setUpModeBlack = set_up_mode_black;
|
||||
this.dialogATextBg = setUpReadingColorAll[novelMainTypeColor].dialogATextBg;
|
||||
this.tabBarTextColor = setUpReadingColorAll[novelMainTypeColor].tabBarTextColor;
|
||||
this.novelContentColor = setUpReadingColorAll[novelMainTypeColor].novelContentColor;
|
||||
this.navigationBarTitleTextBackColor = setUpReadingColorAll[novelMainTypeColor]
|
||||
.navigationBarTitleTextBackColor;
|
||||
},
|
||||
rightClick() {
|
||||
uni.navigateBack()
|
||||
},
|
||||
},
|
||||
created() {
|
||||
const novelMainTypeColor = myGetStorage('novelMainTypeColor') || 'F3EFE9';
|
||||
const {
|
||||
screenHeight = 0, statusBarHeight = 0, windowHeight = 0,
|
||||
devicePixelRatio, windowBottom
|
||||
} = isGetSystemInfo();
|
||||
console.log(isGetSystemInfo(), "-----------");
|
||||
console.log(myData, "myDatamyData")
|
||||
this.myData = myData;
|
||||
this.novelMainTypeColor = novelMainTypeColor;
|
||||
this.bodyReadingHeight = screenHeight - statusBarHeight - devicePixelRatio * 22;
|
||||
this.scrollReadingHeight = screenHeight - statusBarHeight - devicePixelRatio * 38;
|
||||
// #ifdef APP-PLUS
|
||||
this.directoryPopupHeight = screenHeight - statusBarHeight;
|
||||
// #endif
|
||||
// #ifdef H5 || MP-WEIXIN
|
||||
this.directoryPopupHeight = screenHeight - statusBarHeight - devicePixelRatio * 22;
|
||||
// #endif
|
||||
|
||||
this.bottomSecureHeight = screenHeight - windowHeight;
|
||||
this.setUpColorAll = setUpReadingColorAll;
|
||||
this.barPopupIcon = {
|
||||
'F3EFE9': {
|
||||
bookshelf_icon: bookshelf_f3efe,
|
||||
directory_icon: directory_f3efe9,
|
||||
step_up_icon: step_up_f3efe,
|
||||
},
|
||||
'CCD9E2': {
|
||||
bookshelf_icon: bookshelf_ccd9e2,
|
||||
directory_icon: directory_ccd9e2,
|
||||
step_up_icon: step_up_ccd9e2,
|
||||
},
|
||||
'333333': {
|
||||
bookshelf_icon: bookshelf_333,
|
||||
directory_icon: directory_333,
|
||||
step_up_icon: step_up_333
|
||||
}
|
||||
}
|
||||
this.initPage(novelMainTypeColor);
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
page {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.is_images {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.mt40rpx {
|
||||
margin-top: 40rpx;
|
||||
}
|
||||
|
||||
::v-deep.u-navbar__content__title {
|
||||
font-size: 30rpx;
|
||||
}
|
||||
|
||||
::v-deep.u-navbar--fixed {
|
||||
box-shadow: 0 0 8rpx rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
.novelReading_content::v-deep.z-paging-content {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#compute_rich_text {
|
||||
position: fixed;
|
||||
top: 1500px;
|
||||
}
|
||||
|
||||
.novelReading_content {
|
||||
// display: flex;
|
||||
// flex-direction: column;
|
||||
width: 100%;
|
||||
// height: 100%;
|
||||
// overflow: hidden;
|
||||
position: relative;
|
||||
|
||||
.novelReading_body {
|
||||
width: 100%;
|
||||
|
||||
// height: 100%;
|
||||
|
||||
|
||||
.novelReading_main_swiper {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
.swiper_item_con {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.novelReading_main {
|
||||
width: 100%;
|
||||
padding: 32rpx 32rpx;
|
||||
box-sizing: border-box;
|
||||
position: relative;
|
||||
|
||||
.novelReading_characters_scroll {
|
||||
width: 100%;
|
||||
// padding: 32rpx 32rpx;
|
||||
// box-sizing: border-box;
|
||||
|
||||
.novelReading_characters_main {
|
||||
width: 100%;
|
||||
// height: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.my_tabBar_Reading {
|
||||
width: 100%;
|
||||
height: 140rpx;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 0 24rpx;
|
||||
box-sizing: border-box;
|
||||
border-top: 1rpx solid #d6d2ce;
|
||||
|
||||
.tabBar_Reading_item {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
|
||||
|
||||
.reading_item_icon {
|
||||
width: 34rpx;
|
||||
height: 34rpx;
|
||||
}
|
||||
|
||||
.reading_item_name {
|
||||
font-size: 30rpx;
|
||||
line-height: 1;
|
||||
margin-top: 10rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.reading_schedule_box {
|
||||
width: 100%;
|
||||
box-shadow: 0 0 8rpx rgba(0, 0, 0, 0.2);
|
||||
border-radius: 40rpx;
|
||||
|
||||
.reading_schedule_body {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
padding: 40rpx 24rpx;
|
||||
box-sizing: border-box;
|
||||
background: transparent;
|
||||
|
||||
.schedule_body_text {
|
||||
font-size: 34rpx;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.reading_schedule_slider {
|
||||
width: 430rpx;
|
||||
// height: 60rpx;
|
||||
|
||||
.slider {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.step_up_box {
|
||||
width: 100%;
|
||||
box-shadow: 0 0 8rpx rgba(0, 0, 0, 0.2);
|
||||
border-radius: 40rpx;
|
||||
|
||||
.step_up_box_body {
|
||||
width: 100%;
|
||||
padding: 40rpx 24rpx;
|
||||
box-sizing: border-box;
|
||||
background: transparent;
|
||||
|
||||
.step_up_item {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
|
||||
.step_up_item_name {
|
||||
line-height: 1;
|
||||
font-size: 30rpx;
|
||||
}
|
||||
|
||||
.step_up_item_bg {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 188rpx;
|
||||
height: 74rpx;
|
||||
border-radius: 37rpx;
|
||||
box-sizing: border-box;
|
||||
border: 2rpx solid transparent;
|
||||
}
|
||||
|
||||
.step_up_item_text_bg {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 188rpx;
|
||||
height: 74rpx;
|
||||
border-radius: 37rpx;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.step_up_item_bg.activeBlack {
|
||||
border-color: #1A1A1A;
|
||||
}
|
||||
|
||||
.step_up_item_bg.activeWhite {
|
||||
border-color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.reading_schedule_slider::v-deep.uni-slider-handle-wrapper {
|
||||
height: 60rpx;
|
||||
border-radius: 30rpx;
|
||||
|
||||
.uni-slider-track {
|
||||
border-radius: 30rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.directory_popup_box {
|
||||
display: flex;
|
||||
align-items: flex-end;
|
||||
width: 560rpx;
|
||||
height: 100%;
|
||||
padding: 32rpx;
|
||||
box-sizing: border-box;
|
||||
|
||||
._popup_box_item {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
height: 120rpx;
|
||||
border-bottom: 1rpx solid #F2F2F2;
|
||||
|
||||
._item_name {
|
||||
font-size: 32rpx;
|
||||
color: #333333;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
._item_name.active {
|
||||
color: #FF728F;
|
||||
}
|
||||
|
||||
._item_chapter_lock {
|
||||
width: 32rpx;
|
||||
height: 32rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -1,752 +0,0 @@
|
||||
<template>
|
||||
<view class="novelReading_content">
|
||||
<u-navbar :title="navbarTitle" @rightClick="rightClick" :autoBack="true" :fixed="true" :bgColor="mainBodyBg"
|
||||
:titleStyle="{'color':navigationBarTitleTextColor,}" :leftIconColor="navigationBarTitleTextBackColor"
|
||||
:shadow="true" :safeAreaInsetTop="true" :placeholder="true" />
|
||||
<view class="novelReading_body" :style="`background:${bodyReadingBg}`" @tap="handelShowStepUp">
|
||||
<!-- :style="`height:${bodyReadingHeight}px;`" -->
|
||||
<!-- :refresher-enabled="true" :refresher-triggered="refresherTriggered" @refresherrefresh="refresherrefresh" :scroll-top="isScrollTop" -->
|
||||
<view class="novelReading_main" :style="`height:${bodyReadingHeight}px;`">
|
||||
<!-- :scroll-top="isScrollTop" :scroll-into-view="`richText_${readDirectoryActive}`" @scrolltoupper="charactersToupper"-->
|
||||
<scroll-view scroll-y="true" :scroll-top="isScrollTop" @scrolltolower="charactersLower"
|
||||
:refresher-enabled="true" @scroll="charactersScroll" :style="`height:${bodyReadingHeight}px;`"
|
||||
@refresherrefresh="refresherrefresh" class="novelReading_characters_scroll" upper-threshold="200"
|
||||
lower-threshold="200" :refresher-triggered="refresherTriggered">
|
||||
<!-- transform:translateY(-${isScrollTop}px) -->
|
||||
<view class="novelReading_characters_main"
|
||||
:style="`color:${novelContentColor};font-size:${newCharactersSize}rpx;line-height:${defaultCharactersLineHeight};`"
|
||||
v-for="m in novelReadingContentText" :key="m.id">
|
||||
<rich-text :nodes="m.content" :ref="`richText_${m.id}`"></rich-text>
|
||||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
<!--<view class="novelReading_main" > <view class="novelReading_characters_main"
|
||||
:style="`color:${novelContentColor};font-size:${newCharactersSize}rpx;line-height:${defaultCharactersLineHeight}`"
|
||||
v-for="m in novelReadingContentText" :key="m.id" :id="`richText_${m.id}`">
|
||||
<rich-text :nodes="m.content" :ref="`richText_${m.id}`"></rich-text>
|
||||
</view> </view> -->
|
||||
<!-- <view class="novelReading_main" :style="`height:${bodyReadingHeight}px;`">
|
||||
<swiper class="novelReading_main_swiper" :indicator-dots="false" :duration="300"
|
||||
:current="novelSwiperCurrent">
|
||||
<template v-for="m in novelReadingContentText">
|
||||
<swiper-item v-for="(s,idx) in m.swiperItemPage" :key="idx" :id="`richText_${m.id}`">
|
||||
<view class="swiper_item_con" :id="`richText_${m.id}`"
|
||||
:style="`color:${novelContentColor};font-size:${newCharactersSize}rpx;line-height:${defaultCharactersLineHeight};transform:translateY(-${idx*bodyReadingHeight}px)`">
|
||||
<rich-text :nodes="m.content"></rich-text>
|
||||
</view>
|
||||
</swiper-item>
|
||||
</template>
|
||||
</swiper>
|
||||
</view> -->
|
||||
<view id="compute_rich_text">
|
||||
<rich-text :nodes="computeRichText"
|
||||
:style="`color:${novelContentColor};font-size:${newCharactersSize}rpx;line-height:${defaultCharactersLineHeight}`"></rich-text>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<u-popup :show="tabBarPopupShow" mode="bottom" :overlay="false" zIndex="6">
|
||||
<view class="my_tabBar_Reading" :style="`background:${bodyReadingBg}`">
|
||||
<view class="tabBar_Reading_item">
|
||||
<view class="reading_item_icon" @tap="handelDirectoryPopup">
|
||||
<image class="is_images" :src="barPopupIcon[novelMainTypeColor].directory_icon"></image>
|
||||
</view>
|
||||
<view class="reading_item_name" :style="`color:${tabBarTextColor}`">目录</view>
|
||||
</view>
|
||||
<view class="tabBar_Reading_item">
|
||||
<view class="reading_item_icon">
|
||||
<image class="is_images" :src="barPopupIcon[novelMainTypeColor].bookshelf_icon"></image>
|
||||
</view>
|
||||
<view class="reading_item_name" :style="`color:${tabBarTextColor}`">书城</view>
|
||||
</view>
|
||||
<view class="tabBar_Reading_item" @tap="handelSteUpPopup">
|
||||
<view class="reading_item_icon">
|
||||
<image class="is_images" :src="barPopupIcon[novelMainTypeColor].step_up_icon"></image>
|
||||
</view>
|
||||
<view class="reading_item_name" :style="`color:${tabBarTextColor}`">设置</view>
|
||||
</view>
|
||||
</view>
|
||||
</u-popup>
|
||||
<u-popup :show="readingPopupshow" mode="bottom" :overlay="false" zIndex="4" bgColor="transparent">
|
||||
<view class="reading_schedule_box" :style="`background:${bodyReadingBg}`">
|
||||
<!-- <view class="reading_schedule_body">
|
||||
<view class="schedule_body_text" :style="`color:${dialogTextColor}`">上一章</view>
|
||||
<view class="reading_schedule_slider">
|
||||
<slider class="slider" :max="100" :min="0" :block-size="30" :activeColor="progressActiveBg"
|
||||
:backgroundColor="progressBg" :value="sliderValue" @change="sliderChange" />
|
||||
</view>
|
||||
<view class="schedule_body_text" :style="`color:${dialogTextColor}`">下一章</view>
|
||||
</view> -->
|
||||
<view style="height:140rpx" />
|
||||
</view>
|
||||
</u-popup>
|
||||
<u-popup :show="stepUpPopupShow" mode="bottom" :overlay="false" bgColor="transparent" zIndex="5">
|
||||
<view class="step_up_box" :style="`background:${bodyReadingBg}`">
|
||||
<view class="step_up_box_body">
|
||||
<view class="step_up_item">
|
||||
<view class="step_up_item_name" :style="`color:${dialogTextColor}`">
|
||||
背景
|
||||
</view>
|
||||
<view :class="[`step_up_item_bg`,novelMainTypeColor == 'F3EFE9' ? 'activeBlack' :'']"
|
||||
style="background:#F3EFE9 ;" @tap="changNovelMainType('F3EFE9')"></view>
|
||||
<view :class="[`step_up_item_bg`,novelMainTypeColor == 'CCD9E2' ? 'activeBlack' :'']"
|
||||
style="background:#CCD9E2 ;" @tap="changNovelMainType('CCD9E2')"></view>
|
||||
<view :class="[`step_up_item_bg`,novelMainTypeColor == '333333' ? 'activeWhite' :'']"
|
||||
@tap="changNovelMainType('333333')">
|
||||
<image class="is_images" :src="setUpModeBlack" />
|
||||
</view>
|
||||
</view>
|
||||
<view class="step_up_item mt40rpx">
|
||||
<view class="step_up_item_name" :style="`color:${dialogTextColor}`">
|
||||
字号
|
||||
</view>
|
||||
<view class="step_up_item_text_bg"
|
||||
:style="`color:${dialogTextColor};background:${dialogATextBg}`" @tap="reduceCharactersSize">
|
||||
A-</view>
|
||||
<view class="step_up_item_text_bg"
|
||||
:style="`color:${dialogTextColor};background:${dialogATextBg}`" @tap="addCharactersSize">A+
|
||||
</view>
|
||||
<view class="step_up_item_text_bg"
|
||||
:style="`color:${dialogTextColor};background:${dialogATextBg}`" @tap="handelCharactersSize">
|
||||
默认</view>
|
||||
</view>
|
||||
</view>
|
||||
<view style="height:140rpx" />
|
||||
</view>
|
||||
</u-popup>
|
||||
<u-popup :show="directoryPopupShow" @close="directoryPopupClose" mode="right" :safeAreaInsetTop="true">
|
||||
<view class="directory_popup_box">
|
||||
<scroll-view scroll-y="true" @scrolltoupper="directoryPopupUpper" @scrolltolower="directoryPopupLower"
|
||||
:style="`height:${directoryPopupHeight}px`" :show-scrollbar="false">
|
||||
<!-- <view class="_popup_box_item" v-for="m in directoryList" :key="m.id">
|
||||
<view class="_item_name">
|
||||
{{m.chaptername}}
|
||||
</view>
|
||||
<view v-if="m.isvip" class="_item_chapter_lock">
|
||||
<image class="is_images" src="/static/images/chapter_lock.png"></image>
|
||||
</view>
|
||||
</view> -->
|
||||
<view class="_popup_box_item" v-for="m in myData" :key="m.id">
|
||||
<view :class="['_item_name', readDirectoryActive == m.id? 'active':''] ">
|
||||
{{m.sub}}
|
||||
</view>
|
||||
<view v-if="m.isvip" class="_item_chapter_lock">
|
||||
<image class="is_images" src="/static/images/chapter_lock.png"></image>
|
||||
</view>
|
||||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
</u-popup>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import setUpReadingColorAll from './setUpReadingColorAll.js';
|
||||
import bookshelf_333 from '/static/images/novelReading/bookshelf_333.png';
|
||||
import directory_333 from '/static/images/novelReading/directory_333.png';
|
||||
import step_up_333 from '/static/images/novelReading/step_up_333.png';
|
||||
import bookshelf_ccd9e2 from '/static/images/novelReading/bookshelf_ccd9e2.png';
|
||||
import step_up_ccd9e2 from '/static/images/novelReading/step_up_ccd9e2.png';
|
||||
import directory_ccd9e2 from '/static/images/novelReading/directory_ccd9e2.png';
|
||||
import bookshelf_f3efe from '/static/images/novelReading/bookshelf_f3efe.png';
|
||||
import directory_f3efe9 from '/static/images/novelReading/directory_f3efe9.png';
|
||||
import step_up_f3efe from '/static/images/novelReading/step_up_f3efe.png';
|
||||
import set_up_mode_black from '/static/images/novelReading/set_up_mode_black.png';
|
||||
import {
|
||||
isGetSystemInfo
|
||||
} from '@/utils/systemInfo.js';
|
||||
import {
|
||||
myGetStorage,
|
||||
mySetStorage
|
||||
} from '@/utils/storage/index.js';
|
||||
import myData from './data.js'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
novelMainTypeColor: '',
|
||||
navbarTitle: '小说阅读页面',
|
||||
setUpColorAll: {},
|
||||
navigationBarTitleTextColor: '',
|
||||
mainBodyBg: '',
|
||||
navigationBarTitleTextBackColor: '',
|
||||
bodyReadingHeight: 0,
|
||||
scrollReadingHeight: 0,
|
||||
// 内容背景
|
||||
bodyReadingBg: '',
|
||||
// 底部安全区
|
||||
bottomSecureHeight: 0,
|
||||
tabBarPopupShow: false,
|
||||
readingPopupshow: false,
|
||||
stepUpPopupShow: false,
|
||||
directoryPopupShow: false,
|
||||
// bar 的icon
|
||||
barPopupIcon: {},
|
||||
dialogTextColor: '',
|
||||
progressBg: '',
|
||||
progressActiveBg: '',
|
||||
setUpModeBlack: '',
|
||||
dialogATextBg: '',
|
||||
novelContentColor: '',
|
||||
// 目录信息
|
||||
booksDirectorySid: '2387',
|
||||
booksDirectoryPage: 1,
|
||||
newBooksDirectoryPage: [],
|
||||
directoryList: [],
|
||||
directoryPopupHeight: 0,
|
||||
// 小说信息
|
||||
novelReadingContentText: [],
|
||||
defaultCharactersSize: 46,
|
||||
newCharactersSize: 46,
|
||||
defaultCharactersLineHeight: 2,
|
||||
readDirectoryActive: '',
|
||||
myData: [],
|
||||
novelSwiperCurrent: 0,
|
||||
computeRichText: '',
|
||||
isScrollTop: 0,
|
||||
refresherTriggered: false
|
||||
}
|
||||
},
|
||||
onLoad() {
|
||||
|
||||
},
|
||||
onShow() {
|
||||
const booksDirectorySid = this.booksDirectorySid;
|
||||
const booksDirectoryPage = this.booksDirectoryPage;
|
||||
const newBooksDirectoryPage = [...this.newBooksDirectoryPage, booksDirectoryPage];
|
||||
this.newBooksDirectoryPage = newBooksDirectoryPage;
|
||||
this.isGetDirectory(booksDirectorySid, booksDirectoryPage);
|
||||
this.isGetUserRead()
|
||||
},
|
||||
methods: {
|
||||
isGetUserRead() {
|
||||
this.readDirectoryActive = '3';
|
||||
this.isGetBookInfo()
|
||||
},
|
||||
isGetBookInfo() {
|
||||
const readDirectoryActive = this.readDirectoryActive;
|
||||
const bodyReadingHeight = this.bodyReadingHeight;
|
||||
const novelReadingContentText = this.myData[readDirectoryActive];
|
||||
// console.log(data.height / bodyReadingHeight, "============")
|
||||
// const swiperItemHeightObj = [{
|
||||
// ...novelReadingContentText,
|
||||
// swiperItemHeight: data.height,
|
||||
// swiperItemPage: parseInt(data.height / bodyReadingHeight)
|
||||
// }]
|
||||
// this.novelReadingContentText = [...this.novelReadingContentText, ...
|
||||
// swiperItemHeightObj
|
||||
// ];
|
||||
// this.novelReadingContentText = [this.myData[0],novelReadingContentText];
|
||||
// console.log(this.novelReadingContentText,",,,,,,,,,,,,,,,,,,,")
|
||||
// // this.novelReadingContentText = [this.myData[0], ...this
|
||||
// // .novelReadingContentText
|
||||
// // ];
|
||||
// // setTimeout(() => {
|
||||
// this.computeRichText = this.myData[2].content;
|
||||
// const query = uni.createSelectorQuery().in(this);
|
||||
// this.$nextTick(() => {
|
||||
// query.select(`#compute_rich_text`).boundingClientRect(data => {
|
||||
// console.log(data,"===========")
|
||||
// this.isScrollTop = parseInt(data.height) + bodyReadingHeight;
|
||||
// // this.isScrollTop = 0;
|
||||
// }).exec()
|
||||
// })
|
||||
// }, 2000)
|
||||
// this.isScrollTop = parseInt(data.height) - 8632;
|
||||
console.log(this.novelReadingContentText, "=========")
|
||||
|
||||
//
|
||||
this.novelReadingContentText = [novelReadingContentText];
|
||||
// this.$nextTick(() => {query.select(`.novelReading_main #richText_${readDirectoryActive}`).boundingClientRect(
|
||||
// this.$nextTick(() => {
|
||||
// query.select(`#compute_rich_text`).boundingClientRect(
|
||||
// data => {
|
||||
// // const swiperItemHeightObj = {
|
||||
// // ...this.swiperItemHeightObj,
|
||||
// // id: readDirectoryActive,
|
||||
// // swiperItemHeight: data.height,
|
||||
// // swiperItemPage: data.height / bodyReadingHeight
|
||||
// // }
|
||||
// // this.swiperItemHeightObj = {
|
||||
// // ...swiperItemHeightObj
|
||||
// // };
|
||||
// console.log(data.height, "==========")
|
||||
// setTimeout(() => {
|
||||
// this.isScrollTop = parseInt(data.height) - 8632;
|
||||
// // this.isScrollTop = 0;
|
||||
// this.novelReadingContentText = [this.myData[0], ...this
|
||||
// .novelReadingContentText
|
||||
// ];
|
||||
// }, 2000)
|
||||
// }).exec()
|
||||
// })
|
||||
// setTimeout(() => {
|
||||
// this.novelReadingContentText = [this.myData[0], ...this.novelReadingContentText];
|
||||
// }, 1000)
|
||||
},
|
||||
charactersToupper() {
|
||||
console.log("ooooooooooooooo")
|
||||
// setTimeout(() => {
|
||||
// this.novelReadingContentText = [this.myData[0], ...this.novelReadingContentText];
|
||||
// this.refresherTriggered= false
|
||||
// }, 1000)
|
||||
// const bodyReadingHeight = this.bodyReadingHeight;
|
||||
// const readDirectoryActive = parseInt(this.readDirectoryActive) - 1;
|
||||
// const isScrollTop = this.isScrollTop;
|
||||
// console.log(readDirectoryActive, this.myData, "6666666666666")
|
||||
// const novelReadingContentText = this.myData[readDirectoryActive];
|
||||
// this.readDirectoryActive = readDirectoryActive;
|
||||
// this.novelReadingContentText = [...this.novelReadingContentText, novelReadingContentText];
|
||||
// this.computeRichText = this.myData[readDirectoryActive].content;
|
||||
// const query = uni.createSelectorQuery().in(this);
|
||||
// // this.$nextTick(() => {
|
||||
// query.select(`#compute_rich_text`).boundingClientRect(data => {
|
||||
// console.log(data, "===========")
|
||||
// this.isScrollTop = parseInt(data.height) + bodyReadingHeight + isScrollTop;
|
||||
// // this.isScrollTop = 0;
|
||||
// }).exec()
|
||||
// })
|
||||
},
|
||||
refresherrefresh() {
|
||||
// console.log("ooooooooooooooo")
|
||||
const readDirectoryActive = parseInt(this.readDirectoryActive) - 1;
|
||||
const bodyReadingHeight = this.bodyReadingHeight;
|
||||
const novelReadingContentText = this.myData[readDirectoryActive];
|
||||
|
||||
this.novelReadingContentText = [novelReadingContentText, ...this.novelReadingContentText];
|
||||
console.log(this.novelReadingContentText, ",,,,,,,,,,,,,,,,,,,")
|
||||
this.refresherTriggered = true;
|
||||
// this.novelReadingContentText = [this.myData[0], ...this
|
||||
// .novelReadingContentText
|
||||
// ];
|
||||
// setTimeout(() => {
|
||||
this.computeRichText = this.myData[readDirectoryActive].content;
|
||||
this.readDirectoryActive = readDirectoryActive;
|
||||
const query = uni.createSelectorQuery().in(this);
|
||||
this.$nextTick(() => {
|
||||
query.select(`#compute_rich_text`).boundingClientRect(data => {
|
||||
console.log(data, "===========")
|
||||
this.isScrollTop = parseInt(data.height) + bodyReadingHeight;
|
||||
// this.isScrollTop = 0;
|
||||
}).exec()
|
||||
})
|
||||
|
||||
setTimeout(() => {
|
||||
this.refresherTriggered = false;
|
||||
}, 3000)
|
||||
},
|
||||
charactersLower() {
|
||||
console.log("6666666666666")
|
||||
const readDirectoryActive = parseInt(this.readDirectoryActive) + 1;
|
||||
console.log(readDirectoryActive, this.myData, "6666666666666")
|
||||
const novelReadingContentText = this.myData[readDirectoryActive];
|
||||
this.readDirectoryActive = readDirectoryActive;
|
||||
this.novelReadingContentText = [...this.novelReadingContentText, novelReadingContentText];
|
||||
},
|
||||
charactersScroll(e) {
|
||||
console.log(e, "ee")
|
||||
this.scrollTop = e.detail.scrollTop
|
||||
// const readDirectoryActive = this.readDirectoryActive;
|
||||
},
|
||||
handelShowStepUp() {
|
||||
this.tabBarPopupShow = !this.tabBarPopupShow;
|
||||
this.readingPopupshow = !this.readingPopupshow;
|
||||
this.stepUpPopupShow = false;
|
||||
},
|
||||
handelDirectoryPopup() {
|
||||
this.directoryPopupShow = true;
|
||||
},
|
||||
directoryPopupClose() {
|
||||
this.directoryPopupShow = false;
|
||||
},
|
||||
handelSteUpPopup() {
|
||||
this.stepUpPopupShow = true;
|
||||
},
|
||||
tabBarPopupClose() {
|
||||
this.tabBarPopupShow = false;
|
||||
},
|
||||
changNovelMainType(type) {
|
||||
this.novelMainTypeColor = type;
|
||||
this.initPage(type);
|
||||
mySetStorage('novelMainTypeColor', type);
|
||||
},
|
||||
reduceCharactersSize() {
|
||||
const newCharactersSize = this.newCharactersSize;
|
||||
this.newCharactersSize = newCharactersSize - 2;
|
||||
},
|
||||
addCharactersSize() {
|
||||
const newCharactersSize = this.newCharactersSize;
|
||||
this.newCharactersSize = newCharactersSize + 2;
|
||||
},
|
||||
handelCharactersSize() {
|
||||
const defaultCharactersSize = this.defaultCharactersSize;
|
||||
this.newCharactersSize = defaultCharactersSize;
|
||||
},
|
||||
// 目录划到了最上边
|
||||
directoryPopupUpper() {
|
||||
const isBooksDirectoryPage = this.booksDirectoryPage;
|
||||
const newBooksDirectoryPage = this.newBooksDirectoryPage;
|
||||
if (isBooksDirectoryPage > 1 && newBooksDirectoryPage.indexOf(isBooksDirectoryPage) == -1) {
|
||||
const booksDirectorySid = this.booksDirectorySid;
|
||||
const booksDirectoryPage = isBooksDirectoryPage - 1;
|
||||
this.booksDirectoryPage = booksDirectoryPage
|
||||
this.isGetDirectory(booksDirectorySid, booksDirectoryPage, 'upper')
|
||||
}
|
||||
},
|
||||
// 目录划到了最下边
|
||||
directoryPopupLower() {
|
||||
const isBooksDirectoryPage = this.booksDirectoryPage
|
||||
const booksDirectorySid = this.booksDirectorySid;
|
||||
const booksDirectoryPage = isBooksDirectoryPage + 1;
|
||||
const newBooksDirectoryPage = [...this.newBooksDirectoryPage, booksDirectoryPage]
|
||||
this.newBooksDirectoryPage = newBooksDirectoryPage;
|
||||
this.booksDirectoryPage = booksDirectoryPage
|
||||
this.isGetDirectory(booksDirectorySid, booksDirectoryPage, 'lower')
|
||||
},
|
||||
isGetDirectory(sid, page, type) {
|
||||
uni.showLoading({
|
||||
title: '加载中...'
|
||||
});
|
||||
const data = {
|
||||
sid,
|
||||
page,
|
||||
// startOrder,
|
||||
}
|
||||
uni.$u.http.post('/getDirectory', data).then((res) => {
|
||||
uni.hideLoading();
|
||||
if (res.status == 1) {
|
||||
const directory = res.data.directory;
|
||||
// const stage = res.data.stage;
|
||||
// const directoryCount = res.data.directory_count;
|
||||
let columnsLabel = ''
|
||||
if (type == 'upper') {
|
||||
this.directoryList = [...directory, ...this.directoryList];
|
||||
} else if (type == 'lower') {
|
||||
this.directoryList = [...this.directoryList, ...directory];
|
||||
} else {
|
||||
this.directoryList = directory;
|
||||
}
|
||||
}
|
||||
}).catch((err) => {
|
||||
uni.hideLoading();
|
||||
console.log(err, "========")
|
||||
})
|
||||
},
|
||||
initPage(novelMainTypeColor) {
|
||||
const mainBodyBg = setUpReadingColorAll[novelMainTypeColor].mainBodyBg;
|
||||
this.navigationBarTitleTextColor = setUpReadingColorAll[novelMainTypeColor].navigationBarTitleTextColor;
|
||||
this.mainBodyBg = mainBodyBg;
|
||||
this.bodyReadingBg = mainBodyBg;
|
||||
this.dialogTextColor = setUpReadingColorAll[novelMainTypeColor].dialogTextColor;
|
||||
this.progressBg = setUpReadingColorAll[novelMainTypeColor].progressBg;
|
||||
this.progressActiveBg = setUpReadingColorAll[novelMainTypeColor].progressActiveBg;
|
||||
this.setUpModeBlack = set_up_mode_black;
|
||||
this.dialogATextBg = setUpReadingColorAll[novelMainTypeColor].dialogATextBg;
|
||||
this.tabBarTextColor = setUpReadingColorAll[novelMainTypeColor].tabBarTextColor;
|
||||
this.novelContentColor = setUpReadingColorAll[novelMainTypeColor].novelContentColor;
|
||||
this.navigationBarTitleTextBackColor = setUpReadingColorAll[novelMainTypeColor]
|
||||
.navigationBarTitleTextBackColor;
|
||||
},
|
||||
rightClick() {
|
||||
uni.navigateBack()
|
||||
},
|
||||
},
|
||||
onPullDownRefresh() {
|
||||
// const readDirectoryActive = this.readDirectoryActive - 1;
|
||||
// const bodyReadingHeight = this.bodyReadingHeight;
|
||||
// const novelReadingContentText = this.myData[readDirectoryActive];
|
||||
// this.novelReadingContentText = [novelReadingContentText, ...this.novelReadingContentText];
|
||||
// uni.stopPullDownRefresh();
|
||||
// console.log(this.novelReadingContentText, ",,,,,,,,,,,,,,,,,,,")
|
||||
// // this.novelReadingContentText = [this.myData[0], ...this
|
||||
// // .novelReadingContentText
|
||||
// // ];
|
||||
// // setTimeout(() => {
|
||||
// this.computeRichText = this.myData[readDirectoryActive].content;
|
||||
// const query = uni.createSelectorQuery().in(this);
|
||||
// this.$nextTick(() => {
|
||||
// query.select(`#compute_rich_text`).boundingClientRect(data => {
|
||||
// console.log(data, "===========")
|
||||
// this.isScrollTop = parseInt(data.height) + bodyReadingHeight;
|
||||
// // this.isScrollTop = 0;
|
||||
// }).exec()
|
||||
// })
|
||||
// setTimeout(() => {
|
||||
// this.novelReadingContentText = [this.myData[0], ...this.novelReadingContentText];
|
||||
// this.refresherTriggered = false
|
||||
// }, 1000)
|
||||
|
||||
},
|
||||
created() {
|
||||
const novelMainTypeColor = myGetStorage('novelMainTypeColor') || 'F3EFE9';
|
||||
const {
|
||||
screenHeight = 0, statusBarHeight = 0, windowHeight = 0,
|
||||
devicePixelRatio, windowBottom
|
||||
} = isGetSystemInfo();
|
||||
console.log(isGetSystemInfo(), "-----------");
|
||||
console.log(myData, "myDatamyData")
|
||||
this.myData = myData;
|
||||
this.novelMainTypeColor = novelMainTypeColor;
|
||||
this.bodyReadingHeight = screenHeight - statusBarHeight - devicePixelRatio * 22;
|
||||
this.scrollReadingHeight = screenHeight - statusBarHeight - devicePixelRatio * 38;
|
||||
// #ifdef APP-PLUS
|
||||
this.directoryPopupHeight = screenHeight - statusBarHeight;
|
||||
// #endif
|
||||
// #ifdef H5 || MP-WEIXIN
|
||||
this.directoryPopupHeight = screenHeight - statusBarHeight - devicePixelRatio * 22;
|
||||
// #endif
|
||||
|
||||
this.bottomSecureHeight = screenHeight - windowHeight;
|
||||
this.setUpColorAll = setUpReadingColorAll;
|
||||
this.barPopupIcon = {
|
||||
'F3EFE9': {
|
||||
bookshelf_icon: bookshelf_f3efe,
|
||||
directory_icon: directory_f3efe9,
|
||||
step_up_icon: step_up_f3efe,
|
||||
},
|
||||
'CCD9E2': {
|
||||
bookshelf_icon: bookshelf_ccd9e2,
|
||||
directory_icon: directory_ccd9e2,
|
||||
step_up_icon: step_up_ccd9e2,
|
||||
},
|
||||
'333333': {
|
||||
bookshelf_icon: bookshelf_333,
|
||||
directory_icon: directory_333,
|
||||
step_up_icon: step_up_333
|
||||
}
|
||||
}
|
||||
this.initPage(novelMainTypeColor);
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
page {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.is_images {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.mt40rpx {
|
||||
margin-top: 40rpx;
|
||||
}
|
||||
|
||||
.novelReading_content::v-deep.u-navbar__content__title {
|
||||
font-size: 30rpx;
|
||||
}
|
||||
|
||||
.novelReading_content::v-deep.u-navbar--fixed {
|
||||
box-shadow: 0 0 8rpx rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
.novelReading_content::v-deep.z-paging-content {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#compute_rich_text {
|
||||
position: fixed;
|
||||
top: 1500px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.novelReading_content {
|
||||
// display: flex;
|
||||
// flex-direction: column;
|
||||
width: 100%;
|
||||
// height: 100%;
|
||||
// overflow: hidden;
|
||||
|
||||
.novelReading_body {
|
||||
width: 100%;
|
||||
|
||||
// height: 100%;
|
||||
|
||||
|
||||
.novelReading_main_swiper {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
.swiper_item_con {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.novelReading_main {
|
||||
width: 100%;
|
||||
padding: 32rpx 32rpx;
|
||||
box-sizing: border-box;
|
||||
position: relative;
|
||||
|
||||
.novelReading_characters_scroll {
|
||||
width: 100%;
|
||||
// padding: 32rpx 32rpx;
|
||||
// box-sizing: border-box;
|
||||
|
||||
.novelReading_characters_main {
|
||||
width: 100%;
|
||||
// height: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.my_tabBar_Reading {
|
||||
width: 100%;
|
||||
height: 140rpx;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 0 24rpx;
|
||||
box-sizing: border-box;
|
||||
border-top: 1rpx solid #d6d2ce;
|
||||
|
||||
.tabBar_Reading_item {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
|
||||
|
||||
.reading_item_icon {
|
||||
width: 34rpx;
|
||||
height: 34rpx;
|
||||
}
|
||||
|
||||
.reading_item_name {
|
||||
font-size: 30rpx;
|
||||
line-height: 1;
|
||||
margin-top: 10rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.reading_schedule_box {
|
||||
width: 100%;
|
||||
box-shadow: 0 0 8rpx rgba(0, 0, 0, 0.2);
|
||||
border-radius: 40rpx;
|
||||
|
||||
.reading_schedule_body {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
padding: 40rpx 24rpx;
|
||||
box-sizing: border-box;
|
||||
background: transparent;
|
||||
|
||||
.schedule_body_text {
|
||||
font-size: 34rpx;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.reading_schedule_slider {
|
||||
width: 430rpx;
|
||||
// height: 60rpx;
|
||||
|
||||
.slider {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.step_up_box {
|
||||
width: 100%;
|
||||
box-shadow: 0 0 8rpx rgba(0, 0, 0, 0.2);
|
||||
border-radius: 40rpx;
|
||||
|
||||
.step_up_box_body {
|
||||
width: 100%;
|
||||
padding: 40rpx 24rpx;
|
||||
box-sizing: border-box;
|
||||
background: transparent;
|
||||
|
||||
.step_up_item {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
|
||||
.step_up_item_name {
|
||||
line-height: 1;
|
||||
font-size: 30rpx;
|
||||
}
|
||||
|
||||
.step_up_item_bg {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 188rpx;
|
||||
height: 74rpx;
|
||||
border-radius: 37rpx;
|
||||
box-sizing: border-box;
|
||||
border: 2rpx solid transparent;
|
||||
}
|
||||
|
||||
.step_up_item_text_bg {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 188rpx;
|
||||
height: 74rpx;
|
||||
border-radius: 37rpx;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.step_up_item_bg.activeBlack {
|
||||
border-color: #1A1A1A;
|
||||
}
|
||||
|
||||
.step_up_item_bg.activeWhite {
|
||||
border-color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.reading_schedule_slider::v-deep.uni-slider-handle-wrapper {
|
||||
height: 60rpx;
|
||||
border-radius: 30rpx;
|
||||
|
||||
.uni-slider-track {
|
||||
border-radius: 30rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.directory_popup_box {
|
||||
display: flex;
|
||||
align-items: flex-end;
|
||||
width: 560rpx;
|
||||
height: 100%;
|
||||
padding: 32rpx;
|
||||
box-sizing: border-box;
|
||||
|
||||
._popup_box_item {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
height: 120rpx;
|
||||
border-bottom: 1rpx solid #F2F2F2;
|
||||
|
||||
._item_name {
|
||||
font-size: 32rpx;
|
||||
color: #333333;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
._item_name.active {
|
||||
color: #FF728F;
|
||||
}
|
||||
|
||||
._item_chapter_lock {
|
||||
width: 32rpx;
|
||||
height: 32rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -1,980 +0,0 @@
|
||||
<template>
|
||||
<view class="novelReading_content">
|
||||
<u-navbar :title="navbarTitle" @rightClick="rightClick" :autoBack="true" :fixed="true" :bgColor="mainBodyBg"
|
||||
:titleStyle="{ color: navigationBarTitleTextColor }" :leftIconColor="navigationBarTitleTextBackColor"
|
||||
:shadow="true" :safeAreaInsetTop="true" :placeholder="true" />
|
||||
<view class="novelReading_body" :style="`background:${bodyReadingBg}`" @tap="handelShowStepUp">
|
||||
<view class="novelReading_main_con">
|
||||
<!-- :style="`height:${bodyReadingHeight}px;`" -->
|
||||
<!-- :refresher-enabled="true" upper-threshold="200" @refresherrefresh="refresherrefresh" :scroll-top="isScrollTop" -->
|
||||
<view class="novelReading_main">
|
||||
<!-- @refresherpulling="refresherpulling" -->
|
||||
<!-- :scroll-top="isScrollTop" :scroll-into-view="`richText_${readDirectoryActive}`" @scrolltoupper="charactersToupper"-->
|
||||
<scroll-view scroll-y="true" :scroll-top="isScrollTop" @scrolltolower="charactersLower"
|
||||
:refresher-enabled="true" @scroll="charactersScroll" @refresherrefresh="refresherrefresh"
|
||||
class="novelReading_characters_scroll" lower-threshold="10"
|
||||
:refresher-triggered="refresherTriggered">
|
||||
<view class="novelReading_characters_main"
|
||||
:style="`color:${novelContentColor};font-size:${newCharactersSize}rpx;line-height:${defaultCharactersLineHeight};`"
|
||||
v-for="m in novelReadingContentText" :key="m.id" :data-chapterorder="m.chapterorder"
|
||||
:data-lastid="m.lastid" :data-nextid="m.nextid">
|
||||
<!-- <rich-text :nodes="m.content" :ref="`richText_${m.id}`"></rich-text> -->
|
||||
<!-- <rich-text :nodes="`<h3>${m.chaptername}</h3></br>${m.novel_content}`"
|
||||
:ref="`richText_${m.id}`"></rich-text> -->
|
||||
<rich-text :nodes="`${m.richTextNodes}`" :ref="`richText_${m.id}`"></rich-text>
|
||||
<!-- recharge_empty -->
|
||||
</view>
|
||||
<!-- <view v-if="readChapterInfoObj.chackpay == 2" class="read_chapter">
|
||||
<view class=""
|
||||
:style="`color:${novelContentColor};font-size:${newCharactersSize}rpx;line-height:${defaultCharactersLineHeight};`">
|
||||
<h3>{{readChapterInfoObj.chaptername}}</h3>
|
||||
</view>
|
||||
<u-empty icon="/static/images/recharge_empty.png" text="余额不足,请充值..." />
|
||||
</view> -->
|
||||
</scroll-view>
|
||||
</view>
|
||||
<!-- <view class="reading_schedule_box" :style="`background:${bodyReadingBg}`">
|
||||
<view class="reading_schedule_body">
|
||||
<view class="_previous_chapter"
|
||||
:style="`color:${previousChapterBbuttonTextColor};background:${previousChapterBbuttonBg}`"
|
||||
@tap="previousChapter">
|
||||
上一章
|
||||
</view>
|
||||
<view class="_next_chapter"
|
||||
:style="`color:${nextChapterBbuttonTextColor};background:${nextChapterBbuttonBg}`"
|
||||
@tap="nextChapter">下一章
|
||||
</view>
|
||||
</view>
|
||||
</view> -->
|
||||
</view>
|
||||
<view id="compute_rich_text"
|
||||
:style="`width:${computeRichTextWidth}px;color:${novelContentColor};font-size:${newCharactersSize}rpx;line-height:${defaultCharactersLineHeight}`">
|
||||
<rich-text :nodes="computeRichText"></rich-text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="u_popup_all">
|
||||
<u-popup :show="tabBarPopupShow" mode="bottom" :overlay="false" zIndex="6" :bgColor="bodyReadingBg">
|
||||
<view class="my_tabBar_Reading" :style="`background:${bodyReadingBg}`">
|
||||
<view class="tabBar_Reading_item">
|
||||
<view class="reading_item_icon" @tap="handelDirectoryPopup">
|
||||
<image class="is_images" :src="barPopupIcon[novelMainTypeColor].directory_icon"></image>
|
||||
</view>
|
||||
<view class="reading_item_name" :style="`color:${tabBarTextColor}`">目录</view>
|
||||
</view>
|
||||
<view class="tabBar_Reading_item">
|
||||
<view class="reading_item_icon" @tap="toBookshelf">
|
||||
<image class="is_images" :src="barPopupIcon[novelMainTypeColor].bookshelf_icon"></image>
|
||||
</view>
|
||||
<view class="reading_item_name" :style="`color:${tabBarTextColor}`">书城</view>
|
||||
</view>
|
||||
<view class="tabBar_Reading_item" @tap="handelSteUpPopup">
|
||||
<view class="reading_item_icon">
|
||||
<image class="is_images" :src="barPopupIcon[novelMainTypeColor].step_up_icon"></image>
|
||||
</view>
|
||||
<view class="reading_item_name" :style="`color:${tabBarTextColor}`">设置</view>
|
||||
</view>
|
||||
</view>
|
||||
</u-popup>
|
||||
<u-popup :show="readingPopupshow" mode="bottom" :overlay="false" zIndex="4" bgColor="transparent">
|
||||
<view class="reading_schedule_box" :style="`background:${bodyReadingBg}`">
|
||||
<view class="reading_schedule_body">
|
||||
<view class="_previous_chapter"
|
||||
:style="`color:${previousChapterBbuttonTextColor};background:${previousChapterBbuttonBg}`"
|
||||
@tap="previousChapter">
|
||||
上一章
|
||||
</view>
|
||||
<view class="_next_chapter"
|
||||
:style="`color:${nextChapterBbuttonTextColor};background:${nextChapterBbuttonBg}`"
|
||||
@tap="nextChapter">下一章
|
||||
</view>
|
||||
</view>
|
||||
<view style="height: 140rpx" />
|
||||
</view>
|
||||
</u-popup>
|
||||
<u-popup :show="stepUpPopupShow" mode="bottom" :overlay="false" bgColor="transparent" zIndex="5">
|
||||
<view class="step_up_box" :style="`background:${bodyReadingBg}`">
|
||||
<view class="step_up_box_body">
|
||||
<view class="step_up_item">
|
||||
<view class="step_up_item_name" :style="`color:${dialogTextColor}`">背景</view>
|
||||
<view :class="[`step_up_item_bg`, novelMainTypeColor == 'F3EFE9' ? 'activeBlack' : '']"
|
||||
style="background: #f3efe9" @tap="changNovelMainType('F3EFE9')"></view>
|
||||
<view :class="[`step_up_item_bg`, novelMainTypeColor == 'CCD9E2' ? 'activeBlack' : '']"
|
||||
style="background: #ccd9e2" @tap="changNovelMainType('CCD9E2')"></view>
|
||||
<view :class="[`step_up_item_bg`, novelMainTypeColor == '333333' ? 'activeWhite' : '']"
|
||||
@tap="changNovelMainType('333333')">
|
||||
<image class="is_images" :src="setUpModeBlack" />
|
||||
</view>
|
||||
</view>
|
||||
<view class="step_up_item mt40rpx">
|
||||
<view class="step_up_item_name" :style="`color:${dialogTextColor}`">字号</view>
|
||||
<view class="step_up_item_text_bg"
|
||||
:style="`color:${dialogTextColor};background:${dialogATextBg}`"
|
||||
@tap="reduceCharactersSize">
|
||||
A-</view>
|
||||
<view class="step_up_item_text_bg"
|
||||
:style="`color:${dialogTextColor};background:${dialogATextBg}`"
|
||||
@tap="addCharactersSize">A+
|
||||
</view>
|
||||
<view class="step_up_item_text_bg"
|
||||
:style="`color:${dialogTextColor};background:${dialogATextBg}`"
|
||||
@tap="handelCharactersSize">
|
||||
默认</view>
|
||||
</view>
|
||||
</view>
|
||||
<view style="height: 140rpx" />
|
||||
</view>
|
||||
</u-popup>
|
||||
<u-popup :show="directoryPopupShow" @close="directoryPopupClose" mode="right" :safeAreaInsetTop="true">
|
||||
<view class="directory_popup_box">
|
||||
<scroll-view scroll-y="true" @scrolltoupper="directoryPopupUpper"
|
||||
@scrolltolower="directoryPopupLower" :show-scrollbar="false" class="directory_scroll_y">
|
||||
<view class="_popup_box_item" v-for="m in directoryList" :key="m.id" @tap="handelDirectoryItem">
|
||||
<view :class="['_item_name', readDirectoryActive == m.chapterorder ? 'active' : '']">
|
||||
{{ m.chaptername }}
|
||||
</view>
|
||||
<view v-if="m.isvip" class="_item_chapter_lock">
|
||||
<image class="is_images" src="/static/images/chapter_lock.png"></image>
|
||||
</view>
|
||||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
</u-popup>
|
||||
<u-popup :show="purchaseFullShow" @close="purchaseFullClose" mode="bottom" overlayStyle="top:44px">
|
||||
<view class="purchaseFull_popup_box" :style="`background:${bodyReadingBg}`">
|
||||
<view>
|
||||
<CommBookLeftRigth :bookTips="bookInfo.category_name" :bookName="bookInfo.title"
|
||||
:bookImage="bookInfo.cover" :bookIntroduction="`${readChapterInfoObj.allprice}书币`" />
|
||||
</view>
|
||||
<view class="purchaseFull_popup_btn_box">
|
||||
<view class="purchaseFull_popup_btn" @tap="handelPurchaseFull">需要全本购买</view>
|
||||
</view>
|
||||
</view>
|
||||
</u-popup>
|
||||
<u-modal :show="balanceShow" :title="balanceTitle" content='余额不足,请充值...'
|
||||
:showCancelButton="!readChapterFlag" @confirm="balanceConfirm" @cancel="balanceCancel" />
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import setUpReadingColorAll from './setUpReadingColorAll.js';
|
||||
import bookshelf_333 from '@/static/images/novelReading/bookshelf_333.png';
|
||||
import directory_333 from '@/static/images/novelReading/directory_333.png';
|
||||
import step_up_333 from '@/static/images/novelReading/step_up_333.png';
|
||||
import bookshelf_ccd9e2 from '@/static/images/novelReading/bookshelf_ccd9e2.png';
|
||||
import step_up_ccd9e2 from '@/static/images/novelReading/step_up_ccd9e2.png';
|
||||
import directory_ccd9e2 from '@/static/images/novelReading/directory_ccd9e2.png';
|
||||
import bookshelf_f3efe from '@/static/images/novelReading/bookshelf_f3efe.png';
|
||||
import directory_f3efe9 from '@/static/images/novelReading/directory_f3efe9.png';
|
||||
import step_up_f3efe from '@/static/images/novelReading/step_up_f3efe.png';
|
||||
import set_up_mode_black from '@/static/images/novelReading/set_up_mode_black.png';
|
||||
import recharge_empty from '@/static/images/recharge_empty.png'
|
||||
import config from '@/config/index';
|
||||
import {
|
||||
isGetSystemInfo
|
||||
} from '@/utils/systemInfo.js';
|
||||
import {
|
||||
myGetStorage,
|
||||
mySetStorage
|
||||
} from '@/utils/storage/index.js';
|
||||
import myData from './data.js';
|
||||
import CommBookLeftRigth from '@/components/commBookLeftRigth/index.vue'
|
||||
export default {
|
||||
components: {
|
||||
CommBookLeftRigth
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
navbarTitle: '小说阅读页面',
|
||||
novelMainTypeColor: '',
|
||||
setUpColorAll: {},
|
||||
navigationBarTitleTextColor: '',
|
||||
mainBodyBg: '',
|
||||
navigationBarTitleTextBackColor: '',
|
||||
previousChapterBbuttonBg: '',
|
||||
previousChapterBbuttonTextColor: '',
|
||||
nextChapterBbuttonBg: '',
|
||||
nextChapterBbuttonTextColor: '',
|
||||
bodyReadingHeight: 0,
|
||||
scrollReadingHeight: 0,
|
||||
// 内容背景
|
||||
bodyReadingBg: '',
|
||||
// 底部安全区
|
||||
// bottomSecureHeight: 0,
|
||||
tabBarPopupShow: false,
|
||||
readingPopupshow: false,
|
||||
stepUpPopupShow: false,
|
||||
purchaseFullShow: false,
|
||||
balanceShow: false,
|
||||
balanceTitle: '下一章，付费章节',
|
||||
// bar 的icon
|
||||
barPopupIcon: {},
|
||||
dialogTextColor: '',
|
||||
progressBg: '',
|
||||
progressActiveBg: '',
|
||||
setUpModeBlack: '',
|
||||
dialogATextBg: '',
|
||||
novelContentColor: '',
|
||||
// 目录信息
|
||||
booksDirectorySid: '2387',
|
||||
bookInfo: {},
|
||||
booksDirectoryPage: 1,
|
||||
newBooksDirectoryPage: [],
|
||||
directoryList: [],
|
||||
// directoryPopupHeight: 0,
|
||||
directoryPopupShow: false,
|
||||
// 小说信息
|
||||
novelReadingContentText: [],
|
||||
defaultCharactersSize: 46,
|
||||
newCharactersSize: 46,
|
||||
defaultCharactersLineHeight: 2,
|
||||
readDirectoryActive: '',
|
||||
myData: [],
|
||||
computeRichText: '',
|
||||
computeRichTextWidth: 0,
|
||||
isScrollTop: 0,
|
||||
refresherTriggered: false,
|
||||
readChapterid: '',
|
||||
readChapterFlag: false,
|
||||
readChapterInfoObj: {},
|
||||
readChapterLastid: '',
|
||||
readChapterNextid: '',
|
||||
refresherEnabled: true,
|
||||
};
|
||||
},
|
||||
onLoad(options) {
|
||||
this.booksDirectorySid = options.sid;
|
||||
this.navbarTitle = options.n;
|
||||
this.readChapterid = options.id;
|
||||
},
|
||||
onShow() {
|
||||
// const booksDirectoryPage = this.booksDirectoryPage;
|
||||
// const newBooksDirectoryPage = [...this.newBooksDirectoryPage, booksDirectoryPage];
|
||||
// this.newBooksDirectoryPage = newBooksDirectoryPage;
|
||||
const bookSid = this.booksDirectorySid;
|
||||
const data = {
|
||||
sid: bookSid,
|
||||
}
|
||||
uni.$u.http.post('/bookdetails', data).then((res) => {
|
||||
uni.hideLoading();
|
||||
if (res.status == 1) {
|
||||
const info = res.data.info;
|
||||
const cover = info.cover.includes('http') ? info.cover : `${config.baseUrl}${info.cover}`;
|
||||
this.bookInfo = {
|
||||
...info,
|
||||
cover
|
||||
};
|
||||
}
|
||||
}).catch((err) => {
|
||||
uni.hideLoading();
|
||||
})
|
||||
this.isGetUserRead();
|
||||
},
|
||||
methods: {
|
||||
async isGetUserRead() {
|
||||
const booksDirectorySid = this.booksDirectorySid;
|
||||
const booksDirectoryPage = this.booksDirectoryPage;
|
||||
const readChapterid = this.readChapterid ? this.readChapterid : '';
|
||||
// this.readDirectoryActive = '3';
|
||||
await this.isGetDirectory(booksDirectorySid, booksDirectoryPage);
|
||||
await this.isGetBookInfo(readChapterid, '', true);
|
||||
},
|
||||
isGetBookInfo(chapterId, statusType, isShowLoading = false) {
|
||||
const booksDirectorySid = this.booksDirectorySid;
|
||||
const novelReadingContentText = this.novelReadingContentText;
|
||||
if (isShowLoading) {
|
||||
uni.showLoading({
|
||||
title: '加载中...'
|
||||
});
|
||||
}
|
||||
const data = {
|
||||
sid: booksDirectorySid,
|
||||
};
|
||||
if (chapterId) {
|
||||
data.id = chapterId;
|
||||
}
|
||||
uni.$u.http.post('/read', data).then((res) => {
|
||||
uni.hideLoading();
|
||||
if (res.status == 1) {
|
||||
const readChapterInfoObj = {
|
||||
...res.data,
|
||||
richTextNodes: `<h3>${res.data.chaptername}</h3></br>${res.data.novel_content}`
|
||||
};
|
||||
this.readChapterInfoObj = readChapterInfoObj;
|
||||
if (readChapterInfoObj.chackpay == 1) {
|
||||
this.isScrollTop = 0.01;
|
||||
if (statusType == 'refresherrefresh') {
|
||||
this.novelReadingContentText = [readChapterInfoObj, ...novelReadingContentText];
|
||||
this.computeRichText = readChapterInfoObj.richTextNodes;
|
||||
const query = uni.createSelectorQuery().in(this);
|
||||
this.$nextTick(() => {
|
||||
query.select(`#compute_rich_text`).boundingClientRect((data) => {
|
||||
this.isScrollTop = parseInt(data.height) - 20;
|
||||
}).exec();
|
||||
});
|
||||
this.refresherTriggered = false;
|
||||
} else if (statusType == 'charactersLower') {
|
||||
this.novelReadingContentText = [...novelReadingContentText, readChapterInfoObj];
|
||||
} else if (statusType == 'nextChapter') {
|
||||
this.novelReadingContentText = [readChapterInfoObj];
|
||||
this.readDirectoryActive = readChapterInfoObj.chapterorder;
|
||||
this.readChapterLastid = readChapterInfoObj.lastid;
|
||||
this.readChapterNextid = readChapterInfoObj.nextid;
|
||||
this.$nextTick(() => {
|
||||
this.isScrollTop = 0;
|
||||
})
|
||||
} else if (statusType == 'previousChapter') {
|
||||
this.novelReadingContentText = [readChapterInfoObj];
|
||||
this.readDirectoryActive = readChapterInfoObj.chapterorder;
|
||||
this.readChapterLastid = readChapterInfoObj.lastid;
|
||||
this.readChapterNextid = readChapterInfoObj.nextid;
|
||||
this.$nextTick(() => {
|
||||
this.isScrollTop = 0;
|
||||
})
|
||||
} else {
|
||||
this.novelReadingContentText = [readChapterInfoObj];
|
||||
this.readDirectoryActive = readChapterInfoObj.chapterorder;
|
||||
this.readChapterLastid = readChapterInfoObj.lastid;
|
||||
this.readChapterNextid = readChapterInfoObj.nextid;
|
||||
}
|
||||
} else if (readChapterInfoObj.chackpay == 2) {
|
||||
this.balanceShow = true;
|
||||
this.balanceTitle = '下一章，付费章节';
|
||||
if (isShowLoading) {
|
||||
this.readChapterFlag = true;
|
||||
}
|
||||
} else if (readChapterInfoObj.chackpay == 3) {
|
||||
this.purchaseFullShow = true;
|
||||
if (isShowLoading) {
|
||||
this.readChapterFlag = true;
|
||||
}
|
||||
}
|
||||
}
|
||||
}).catch((err) => {
|
||||
uni.hideLoading();
|
||||
console.log(err, '========');
|
||||
});
|
||||
},
|
||||
refresherrefresh() {
|
||||
const readChapterInfoObj = this.readChapterInfoObj;
|
||||
const readChapterLastid = this.readChapterLastid;
|
||||
this.refresherTriggered = true;
|
||||
if (!readChapterLastid) {
|
||||
setTimeout(() => {
|
||||
uni.showToast({
|
||||
icon: 'none',
|
||||
title: "已经是第一章了"
|
||||
})
|
||||
this.refresherTriggered = false;
|
||||
}, 1000)
|
||||
return
|
||||
}
|
||||
this.isGetBookInfo(readChapterLastid, 'refresherrefresh');
|
||||
},
|
||||
charactersLower() {
|
||||
const readChapterNextid = this.readChapterNextid;
|
||||
// if (readChapterInfoObj.chackpay != 1) {
|
||||
// return
|
||||
// }
|
||||
if (!readChapterNextid) {
|
||||
uni.showToast({
|
||||
icon: 'none',
|
||||
title: "已经是最后一章了~"
|
||||
})
|
||||
return
|
||||
}
|
||||
this.isGetBookInfo(readChapterNextid, 'charactersLower');
|
||||
},
|
||||
charactersScroll(e) {
|
||||
const bodyReadingHeight = this.bodyReadingHeight;
|
||||
const scrollTop = e.detail.scrollTop;
|
||||
// this.isScrollTop = scrollTop;
|
||||
uni.createSelectorQuery().selectAll('.novelReading_characters_main').boundingClientRect((data) => {
|
||||
data.forEach((m) => {
|
||||
if (m.top < bodyReadingHeight) {
|
||||
this.readDirectoryActive = m.dataset.chapterorder;
|
||||
this.readChapterLastid = m.dataset.lastid;
|
||||
this.readChapterNextid = m.dataset.nextid;
|
||||
}
|
||||
});
|
||||
}).exec();
|
||||
},
|
||||
previousChapter() {
|
||||
const readChapterLastid = this.readChapterLastid
|
||||
if (!readChapterLastid) {
|
||||
uni.showToast({
|
||||
icon: 'none',
|
||||
title: "已经是第一章了"
|
||||
})
|
||||
return
|
||||
}
|
||||
this.isGetBookInfo(readChapterLastid, 'previousChapter');
|
||||
},
|
||||
nextChapter() {
|
||||
const readChapterNextid = this.readChapterNextid;
|
||||
if (!readChapterNextid) {
|
||||
uni.showToast({
|
||||
icon: 'none',
|
||||
title: "已经是最后一章了~"
|
||||
})
|
||||
return
|
||||
}
|
||||
this.isGetBookInfo(readChapterNextid, 'nextChapter');
|
||||
},
|
||||
handelDirectoryItem(row) {},
|
||||
handelShowStepUp() {
|
||||
this.tabBarPopupShow = !this.tabBarPopupShow;
|
||||
this.readingPopupshow = !this.readingPopupshow;
|
||||
this.stepUpPopupShow = false;
|
||||
},
|
||||
handelDirectoryPopup() {
|
||||
// this.directoryPopupShow = true;
|
||||
const readChapterInfoObj = this.readChapterInfoObj;
|
||||
const readDirectoryActive = this.readDirectoryActive;
|
||||
uni.navigateTo({
|
||||
url: `/pages/bookRecommendList/bookRecommendList?sid=${readChapterInfoObj.sid}&t=${readChapterInfoObj.title}&c=${readDirectoryActive}`
|
||||
})
|
||||
},
|
||||
directoryPopupClose() {
|
||||
// this.directoryPopupShow = false;
|
||||
// const readChapterInfoObj = this.readChapterInfoObj;
|
||||
// uni.navigateTo({
|
||||
// url: `/pages/bookRecommendList/bookRecommendList?sid=${readChapterInfoObj.sid}&t=${readChapterInfoObj.title}&c=${readChapterInfoObj.chapterorder}`
|
||||
// })
|
||||
},
|
||||
purchaseFullClose() {
|
||||
const readChapterFlag = this.readChapterFlag;
|
||||
if (readChapterFlag) {
|
||||
return;
|
||||
}
|
||||
this.purchaseFullShow = false;
|
||||
},
|
||||
handelSteUpPopup() {
|
||||
this.stepUpPopupShow = true;
|
||||
},
|
||||
balanceConfirm() {
|
||||
uni.navigateTo({
|
||||
url: `/pages/voucherCenter/index`
|
||||
})
|
||||
},
|
||||
balanceCancel() {
|
||||
this.balanceShow = false;
|
||||
},
|
||||
handelPurchaseFull() {
|
||||
const readChapterInfoObj = this.readChapterInfoObj;
|
||||
uni.showLoading({
|
||||
title: '加载中...'
|
||||
});
|
||||
const data = {
|
||||
sid: readChapterInfoObj.sid,
|
||||
id: readChapterInfoObj.id,
|
||||
allprice: readChapterInfoObj.allprice,
|
||||
};
|
||||
uni.$u.http.post('/buyall', data).then((res) => {
|
||||
uni.hideLoading();
|
||||
if (res.status == 1) {
|
||||
if (res.data.status == 2) {
|
||||
this.balanceShow = true;
|
||||
this.balanceTitle = '';
|
||||
}
|
||||
}
|
||||
}).catch((err) => {
|
||||
uni.hideLoading();
|
||||
});
|
||||
},
|
||||
// 切换页面颜色
|
||||
changNovelMainType(type) {
|
||||
|
||||
this.novelMainTypeColor = type;
|
||||
this.initPage(type);
|
||||
const novelMainObj = myGetStorage('novelMainObj') || '{}';
|
||||
const obj = {
|
||||
...JSON.parse(novelMainObj),
|
||||
novelMainTypeColor: type,
|
||||
}
|
||||
mySetStorage('novelMainObj', JSON.stringify(obj));
|
||||
},
|
||||
// 字体减小
|
||||
reduceCharactersSize() {
|
||||
const newCharactersSize = this.newCharactersSize;
|
||||
this.newCharactersSize = newCharactersSize - 2;
|
||||
const novelMainObj = myGetStorage('novelMainObj') || '{}';
|
||||
const obj = {
|
||||
...JSON.parse(novelMainObj),
|
||||
charactersSize: newCharactersSize - 2,
|
||||
}
|
||||
mySetStorage('novelMainObj', JSON.stringify(obj));
|
||||
},
|
||||
// 字体加大
|
||||
addCharactersSize() {
|
||||
const newCharactersSize = this.newCharactersSize;
|
||||
this.newCharactersSize = newCharactersSize + 2;
|
||||
const novelMainObj = myGetStorage('novelMainObj') || '{}';
|
||||
const obj = {
|
||||
...JSON.parse(novelMainObj),
|
||||
charactersSize: newCharactersSize + 2,
|
||||
}
|
||||
mySetStorage('novelMainObj', JSON.stringify(obj));
|
||||
},
|
||||
// 恢复默认字体大小
|
||||
handelCharactersSize() {
|
||||
const defaultCharactersSize = this.defaultCharactersSize;
|
||||
this.newCharactersSize = defaultCharactersSize;
|
||||
const novelMainObj = myGetStorage('novelMainObj') || '{}';
|
||||
const obj = {
|
||||
...JSON.parse(novelMainObj),
|
||||
charactersSize: defaultCharactersSize,
|
||||
}
|
||||
mySetStorage('novelMainObj', JSON.stringify(obj));
|
||||
},
|
||||
// 目录划到了最上边
|
||||
directoryPopupUpper() {
|
||||
const isBooksDirectoryPage = this.booksDirectoryPage;
|
||||
const newBooksDirectoryPage = this.newBooksDirectoryPage;
|
||||
if (isBooksDirectoryPage > 1 && newBooksDirectoryPage.indexOf(isBooksDirectoryPage) == -1) {
|
||||
const booksDirectorySid = this.booksDirectorySid;
|
||||
const booksDirectoryPage = isBooksDirectoryPage - 1;
|
||||
this.booksDirectoryPage = booksDirectoryPage;
|
||||
this.isGetDirectory(booksDirectorySid, booksDirectoryPage, 'upper');
|
||||
}
|
||||
},
|
||||
// 目录划到了最下边
|
||||
directoryPopupLower() {
|
||||
const isBooksDirectoryPage = this.booksDirectoryPage;
|
||||
const booksDirectorySid = this.booksDirectorySid;
|
||||
const booksDirectoryPage = isBooksDirectoryPage + 1;
|
||||
const newBooksDirectoryPage = [...this.newBooksDirectoryPage, booksDirectoryPage];
|
||||
this.newBooksDirectoryPage = newBooksDirectoryPage;
|
||||
this.booksDirectoryPage = booksDirectoryPage;
|
||||
this.isGetDirectory(booksDirectorySid, booksDirectoryPage, 'lower');
|
||||
},
|
||||
isGetDirectory(sid, page, type) {
|
||||
uni.showLoading({
|
||||
title: '加载中...'
|
||||
});
|
||||
const data = {
|
||||
sid,
|
||||
page
|
||||
};
|
||||
uni.$u.http.post('/getDirectory', data).then((res) => {
|
||||
uni.hideLoading();
|
||||
if (res.status == 1) {
|
||||
const directory = res.data.directory;
|
||||
let columnsLabel = '';
|
||||
if (type == 'upper') {
|
||||
this.directoryList = [...directory, ...this.directoryList];
|
||||
} else if (type == 'lower') {
|
||||
this.directoryList = [...this.directoryList, ...directory];
|
||||
} else {
|
||||
this.directoryList = directory;
|
||||
}
|
||||
}
|
||||
}).catch((err) => {
|
||||
uni.hideLoading();
|
||||
console.log(err, '========');
|
||||
});
|
||||
},
|
||||
initPage(novelMainTypeColor) {
|
||||
const mainBodyBg = setUpReadingColorAll[novelMainTypeColor].mainBodyBg;
|
||||
this.navigationBarTitleTextColor = setUpReadingColorAll[novelMainTypeColor].navigationBarTitleTextColor;
|
||||
this.mainBodyBg = mainBodyBg;
|
||||
this.bodyReadingBg = mainBodyBg;
|
||||
this.dialogTextColor = setUpReadingColorAll[novelMainTypeColor].dialogTextColor;
|
||||
this.progressBg = setUpReadingColorAll[novelMainTypeColor].progressBg;
|
||||
this.progressActiveBg = setUpReadingColorAll[novelMainTypeColor].progressActiveBg;
|
||||
this.setUpModeBlack = set_up_mode_black;
|
||||
this.dialogATextBg = setUpReadingColorAll[novelMainTypeColor].dialogATextBg;
|
||||
this.tabBarTextColor = setUpReadingColorAll[novelMainTypeColor].tabBarTextColor;
|
||||
this.novelContentColor = setUpReadingColorAll[novelMainTypeColor].novelContentColor;
|
||||
this.navigationBarTitleTextBackColor = setUpReadingColorAll[novelMainTypeColor]
|
||||
.navigationBarTitleTextBackColor;
|
||||
this.previousChapterBbuttonBg = setUpReadingColorAll[novelMainTypeColor].previousChapterBbuttonBg;
|
||||
this.previousChapterBbuttonTextColor = setUpReadingColorAll[novelMainTypeColor]
|
||||
.previousChapterBbuttonTextColor;
|
||||
this.nextChapterBbuttonBg = setUpReadingColorAll[novelMainTypeColor].nextChapterBbuttonBg;
|
||||
this.nextChapterBbuttonTextColor = setUpReadingColorAll[novelMainTypeColor].nextChapterBbuttonTextColor;
|
||||
},
|
||||
rightClick() {
|
||||
uni.navigateBack();
|
||||
},
|
||||
toBookshelf() {
|
||||
uni.reLaunch({
|
||||
url: `/pages/bookCity/bookCity/index`
|
||||
})
|
||||
}
|
||||
},
|
||||
onPullDownRefresh() {
|
||||
// const isReadDirectoryActive = this.readDirectoryActive;
|
||||
// if(isReadDirectoryActive == 0) {
|
||||
// uni.showToast({
|
||||
// icon:'none',
|
||||
// title:"已经是第一章了"
|
||||
// })
|
||||
// uni.stopPullDownRefresh()
|
||||
// return
|
||||
// }
|
||||
// const readDirectoryActive = isReadDirectoryActive- 1;
|
||||
// const novelReadingContentText = this.myData[readDirectoryActive];
|
||||
// this.novelReadingContentText = [novelReadingContentText, ...this.novelReadingContentText];
|
||||
// // setTimeout(() => {
|
||||
// this.computeRichText = this.myData[readDirectoryActive].content;
|
||||
// // this.readDirectoryActive = readDirectoryActive;
|
||||
// const query = uni.createSelectorQuery().in(this);
|
||||
// this.$nextTick(() => {
|
||||
// query.select(`#compute_rich_text`).boundingClientRect((data) => {
|
||||
// this.isScrollTop = parseInt(data.height) - 30;
|
||||
// }).exec();
|
||||
// });
|
||||
// uni.stopPullDownRefresh()
|
||||
},
|
||||
created() {
|
||||
const novelMainObj = myGetStorage('novelMainObj') || '{}';
|
||||
const novelMainTypeColor = JSON.parse(novelMainObj).novelMainTypeColor || 'F3EFE9';
|
||||
const {
|
||||
screenHeight = 0, statusBarHeight = 0, windowHeight = 0, devicePixelRatio, windowBottom, windowWidth,
|
||||
screenWidth
|
||||
} = isGetSystemInfo();
|
||||
// this.myData = myData;
|
||||
this.computeRichTextWidth = windowWidth;
|
||||
this.novelMainTypeColor = novelMainTypeColor;
|
||||
this.newCharactersSize = JSON.parse(novelMainObj).charactersSize || 46;
|
||||
this.bodyReadingHeight = screenHeight - statusBarHeight - devicePixelRatio * 22;
|
||||
// 不需要
|
||||
// this.scrollReadingHeight = screenHeight - statusBarHeight - devicePixelRatio * 38;
|
||||
// this.scrollReadingHeight = windowHeight - (screenWidth / 375) * 54;
|
||||
// // #ifdef APP-PLUS
|
||||
// this.directoryPopupHeight = screenHeight - statusBarHeight;
|
||||
// // #endif
|
||||
// // #ifdef H5 || MP-WEIXIN
|
||||
// this.directoryPopupHeight = screenHeight - statusBarHeight - devicePixelRatio * 22;
|
||||
// // #endif
|
||||
|
||||
// this.bottomSecureHeight = screenHeight - windowHeight;
|
||||
this.setUpColorAll = setUpReadingColorAll;
|
||||
this.barPopupIcon = {
|
||||
'F3EFE9': {
|
||||
bookshelf_icon: bookshelf_f3efe,
|
||||
directory_icon: directory_f3efe9,
|
||||
step_up_icon: step_up_f3efe
|
||||
},
|
||||
'CCD9E2': {
|
||||
bookshelf_icon: bookshelf_ccd9e2,
|
||||
directory_icon: directory_ccd9e2,
|
||||
step_up_icon: step_up_ccd9e2
|
||||
},
|
||||
'333333': {
|
||||
bookshelf_icon: bookshelf_333,
|
||||
directory_icon: directory_333,
|
||||
step_up_icon: step_up_333
|
||||
}
|
||||
};
|
||||
this.initPage(novelMainTypeColor);
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
page {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.is_images {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.mt40rpx {
|
||||
margin-top: 40rpx;
|
||||
}
|
||||
|
||||
.novelReading_content::v-deep.u-navbar__content__title {
|
||||
font-size: 30rpx;
|
||||
}
|
||||
|
||||
.novelReading_content::v-deep.u-navbar--fixed {
|
||||
box-shadow: 0 0 8rpx rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
.novelReading_content::v-deep.z-paging-content {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#compute_rich_text {
|
||||
position: fixed;
|
||||
top: 1500px;
|
||||
padding: 32rpx;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.novelReading_content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
|
||||
.novelReading_body {
|
||||
flex: 1;
|
||||
width: 100%;
|
||||
|
||||
.novelReading_main_con {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding: 32rpx 32rpx;
|
||||
padding-bottom: constant(safe-area-inset-bottom);
|
||||
/* 兼容 iOS 设备 */
|
||||
padding-bottom: env(safe-area-inset-bottom);
|
||||
/* 兼容 iPhone X 及以上设备 */
|
||||
box-sizing: border-box;
|
||||
|
||||
.novelReading_main {
|
||||
flex: 1;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
box-sizing: border-box;
|
||||
position: relative;
|
||||
|
||||
.novelReading_characters_scroll {
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
box-sizing: border-box;
|
||||
|
||||
.read_chapter {
|
||||
padding: 40rpx 0;
|
||||
}
|
||||
|
||||
.novelReading_characters_main {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.reading_schedule_box {
|
||||
width: 100%;
|
||||
height: 82rpx;
|
||||
// padding: 40rpx;
|
||||
// box-shadow: 0 0 8rpx rgba(0, 0, 0, 0.2);
|
||||
border-radius: 40rpx;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.u_popup_all {
|
||||
flex: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.my_tabBar_Reading {
|
||||
width: 100%;
|
||||
height: 140rpx;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 0 40rpx;
|
||||
box-sizing: border-box;
|
||||
border-top: 1rpx solid #d6d2ce;
|
||||
// padding-bottom: constant(safe-area-inset-bottom); /* 兼容 iOS 设备 */
|
||||
// padding-bottom: env(safe-area-inset-bottom); /* 兼容 iPhone X 及以上设备 */
|
||||
|
||||
.tabBar_Reading_item {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
|
||||
.reading_item_icon {
|
||||
width: 34rpx;
|
||||
height: 34rpx;
|
||||
}
|
||||
|
||||
.reading_item_name {
|
||||
font-size: 30rpx;
|
||||
line-height: 1;
|
||||
margin-top: 10rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.reading_schedule_box {
|
||||
width: 100%;
|
||||
box-shadow: 0 0 8rpx rgba(0, 0, 0, 0.2);
|
||||
border-radius: 40rpx;
|
||||
|
||||
.reading_schedule_body {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
padding: 40rpx;
|
||||
box-sizing: border-box;
|
||||
background: transparent;
|
||||
|
||||
._previous_chapter {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 192rpx;
|
||||
height: 82rpx;
|
||||
font-size: 34rpx;
|
||||
line-height: 1;
|
||||
border-radius: 12rpx;
|
||||
}
|
||||
|
||||
._next_chapter {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 442rpx;
|
||||
height: 82rpx;
|
||||
font-size: 34rpx;
|
||||
line-height: 1;
|
||||
border-radius: 12rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.step_up_box {
|
||||
width: 100%;
|
||||
box-shadow: 0 0 8rpx rgba(0, 0, 0, 0.2);
|
||||
border-radius: 40rpx;
|
||||
|
||||
.step_up_box_body {
|
||||
width: 100%;
|
||||
padding: 40rpx 24rpx;
|
||||
box-sizing: border-box;
|
||||
background: transparent;
|
||||
|
||||
.step_up_item {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
|
||||
.step_up_item_name {
|
||||
line-height: 1;
|
||||
font-size: 30rpx;
|
||||
}
|
||||
|
||||
.step_up_item_bg {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 188rpx;
|
||||
height: 74rpx;
|
||||
border-radius: 37rpx;
|
||||
box-sizing: border-box;
|
||||
border: 2rpx solid transparent;
|
||||
}
|
||||
|
||||
.step_up_item_text_bg {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 188rpx;
|
||||
height: 74rpx;
|
||||
border-radius: 37rpx;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.step_up_item_bg.activeBlack {
|
||||
border-color: #1a1a1a;
|
||||
}
|
||||
|
||||
.step_up_item_bg.activeWhite {
|
||||
border-color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.reading_schedule_slider::v-deep.uni-slider-handle-wrapper {
|
||||
height: 60rpx;
|
||||
border-radius: 30rpx;
|
||||
|
||||
.uni-slider-track {
|
||||
border-radius: 30rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.directory_popup_box {
|
||||
position: relative;
|
||||
width: 560rpx;
|
||||
height: 100%;
|
||||
box-sizing: border-box;
|
||||
|
||||
.directory_scroll_y {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
padding-left: 32rpx;
|
||||
padding-right: 32rpx;
|
||||
box-sizing: border-box;
|
||||
padding-bottom: constant(safe-area-inset-bottom);
|
||||
/* 兼容 iOS 设备 */
|
||||
padding-bottom: env(safe-area-inset-bottom);
|
||||
/* 兼容 iPhone X 及以上设备 */
|
||||
// padding-top: constant(safe-area-inset-top);
|
||||
// /* 兼容 iOS 设备 */
|
||||
// padding-top: env(safe-area-inset-top);
|
||||
// /* 兼容 iPhone X 及以上设备 */
|
||||
|
||||
._popup_box_item {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
height: 120rpx;
|
||||
border-bottom: 1rpx solid #f2f2f2;
|
||||
|
||||
._item_name {
|
||||
font-size: 32rpx;
|
||||
color: #333333;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
._item_name.active {
|
||||
color: #ff728f;
|
||||
}
|
||||
|
||||
._item_chapter_lock {
|
||||
width: 32rpx;
|
||||
height: 32rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.purchaseFull_popup_box {
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
padding: 50rpx 32rpx;
|
||||
|
||||
.purchaseFull_popup_btn_box {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
margin-top: 50rpx;
|
||||
|
||||
.purchaseFull_popup_btn {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 640rpx;
|
||||
height: 84rpx;
|
||||
font-size: 30rpx;
|
||||
color: #fff;
|
||||
background: linear-gradient(to top, #FBA676, #E95E32);
|
||||
border-radius: 24rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
File diff suppressed because it is too large
Load Diff
@ -1,673 +0,0 @@
|
||||
<template>
|
||||
<view class="novelReading_content">
|
||||
<u-navbar :title="navbarTitle" @rightClick="rightClick" :autoBack="true" :fixed="true" :bgColor="mainBodyBg"
|
||||
:titleStyle="{'color':navigationBarTitleTextColor,}" :leftIconColor="navigationBarTitleTextBackColor"
|
||||
:shadow="true" :safeAreaInsetTop="true" :placeholder="true" />
|
||||
<view class="novelReading_body" :style="`background:${bodyReadingBg}`" @tap="handelShowStepUp">
|
||||
<!-- :style="`height:${bodyReadingHeight}px;`" -->
|
||||
<!-- <view class="novelReading_main" :style="`height:${bodyReadingHeight}px;`">
|
||||
<scroll-view :scroll-top="isScrollTop" :scroll-into-view="`richText_${readDirectoryActive}`"
|
||||
scroll-y="true" @scrolltoupper="charactersUpper" @scrolltolower="charactersLower"
|
||||
@scroll="charactersScroll" :style="`height:${bodyReadingHeight}px;`"
|
||||
class="novelReading_characters_scroll" upper-threshold="200" lower-threshold="200">
|
||||
<view class="novelReading_characters_main"
|
||||
:style="`color:${novelContentColor};font-size:${newCharactersSize}rpx;line-height:${defaultCharactersLineHeight}`"
|
||||
v-for="m in novelReadingContentText" :key="m.id" :id="`richText_${m.id}`">
|
||||
<rich-text :nodes="m.content" :ref="`richText_${m.id}`"></rich-text>
|
||||
</view>
|
||||
</scroll-view>
|
||||
</view> -->
|
||||
<view class="novelReading_main" :style="`height:${bodyReadingHeight}px;`">
|
||||
<z-paging ref="paging" v-model="novelReadingContentText" :style="`height:${bodyReadingHeight}px;`"
|
||||
class="novelReading_characters_scroll" :use-chat-record-mode="true" @onRefresh="refresherTouchend" refresher-threshold="200" :use-custom-refresher="false">
|
||||
<view class="novelReading_characters_main"
|
||||
:style="`color:${novelContentColor};font-size:${newCharactersSize}rpx;line-height:${defaultCharactersLineHeight}`"
|
||||
v-for="m in novelReadingContentText" :key="m.id" :id="`richText_${m.id}`">
|
||||
<rich-text :nodes="m.content" :ref="`richText_${m.id}`"></rich-text>
|
||||
</view>
|
||||
</z-paging>
|
||||
</view>
|
||||
<!--<view class="novelReading_main" > <view class="novelReading_characters_main"
|
||||
:style="`color:${novelContentColor};font-size:${newCharactersSize}rpx;line-height:${defaultCharactersLineHeight}`"
|
||||
v-for="m in novelReadingContentText" :key="m.id" :id="`richText_${m.id}`">
|
||||
<rich-text :nodes="m.content" :ref="`richText_${m.id}`"></rich-text>
|
||||
</view> </view> -->
|
||||
<!-- <view class="novelReading_main" :style="`height:${bodyReadingHeight}px;`">
|
||||
<swiper class="novelReading_main_swiper" :indicator-dots="false" :duration="300"
|
||||
:current="novelSwiperCurrent">
|
||||
<template v-for="m in novelReadingContentText">
|
||||
<swiper-item v-for="(s,idx) in m.swiperItemPage" :key="idx" :id="`richText_${m.id}`">
|
||||
<view class="swiper_item_con" :id="`richText_${m.id}`"
|
||||
:style="`color:${novelContentColor};font-size:${newCharactersSize}rpx;line-height:${defaultCharactersLineHeight};transform:translateY(-${idx*bodyReadingHeight}px)`">
|
||||
<rich-text :nodes="m.content"></rich-text>
|
||||
</view>
|
||||
</swiper-item>
|
||||
</template>
|
||||
</swiper>
|
||||
</view> -->
|
||||
</view>
|
||||
<rich-text id="compute_rich_text" :nodes="computeRichText"
|
||||
:style="`color:${novelContentColor};font-size:${newCharactersSize}rpx;line-height:${defaultCharactersLineHeight}`"></rich-text>
|
||||
<u-popup :show="tabBarPopupShow" mode="bottom" :overlay="false" zIndex="6">
|
||||
<view class="my_tabBar_Reading" :style="`background:${bodyReadingBg}`">
|
||||
<view class="tabBar_Reading_item">
|
||||
<view class="reading_item_icon" @tap="handelDirectoryPopup">
|
||||
<image class="is_images" :src="barPopupIcon[novelMainTypeColor].directory_icon"></image>
|
||||
</view>
|
||||
<view class="reading_item_name" :style="`color:${tabBarTextColor}`">目录</view>
|
||||
</view>
|
||||
<view class="tabBar_Reading_item">
|
||||
<view class="reading_item_icon">
|
||||
<image class="is_images" :src="barPopupIcon[novelMainTypeColor].bookshelf_icon"></image>
|
||||
</view>
|
||||
<view class="reading_item_name" :style="`color:${tabBarTextColor}`">书城</view>
|
||||
</view>
|
||||
<view class="tabBar_Reading_item" @tap="handelSteUpPopup">
|
||||
<view class="reading_item_icon">
|
||||
<image class="is_images" :src="barPopupIcon[novelMainTypeColor].step_up_icon"></image>
|
||||
</view>
|
||||
<view class="reading_item_name" :style="`color:${tabBarTextColor}`">设置</view>
|
||||
</view>
|
||||
</view>
|
||||
</u-popup>
|
||||
<u-popup :show="readingPopupshow" mode="bottom" :overlay="false" zIndex="4" bgColor="transparent">
|
||||
<view class="reading_schedule_box" :style="`background:${bodyReadingBg}`">
|
||||
<!-- <view class="reading_schedule_body">
|
||||
<view class="schedule_body_text" :style="`color:${dialogTextColor}`">上一章</view>
|
||||
<view class="reading_schedule_slider">
|
||||
<slider class="slider" :max="100" :min="0" :block-size="30" :activeColor="progressActiveBg"
|
||||
:backgroundColor="progressBg" :value="sliderValue" @change="sliderChange" />
|
||||
</view>
|
||||
<view class="schedule_body_text" :style="`color:${dialogTextColor}`">下一章</view>
|
||||
</view> -->
|
||||
<view style="height:140rpx" />
|
||||
</view>
|
||||
</u-popup>
|
||||
<u-popup :show="stepUpPopupShow" mode="bottom" :overlay="false" bgColor="transparent" zIndex="5">
|
||||
<view class="step_up_box" :style="`background:${bodyReadingBg}`">
|
||||
<view class="step_up_box_body">
|
||||
<view class="step_up_item">
|
||||
<view class="step_up_item_name" :style="`color:${dialogTextColor}`">
|
||||
背景
|
||||
</view>
|
||||
<view :class="[`step_up_item_bg`,novelMainTypeColor == 'F3EFE9' ? 'activeBlack' :'']"
|
||||
style="background:#F3EFE9 ;" @tap="changNovelMainType('F3EFE9')"></view>
|
||||
<view :class="[`step_up_item_bg`,novelMainTypeColor == 'CCD9E2' ? 'activeBlack' :'']"
|
||||
style="background:#CCD9E2 ;" @tap="changNovelMainType('CCD9E2')"></view>
|
||||
<view :class="[`step_up_item_bg`,novelMainTypeColor == '333333' ? 'activeWhite' :'']"
|
||||
@tap="changNovelMainType('333333')">
|
||||
<image class="is_images" :src="setUpModeBlack" />
|
||||
</view>
|
||||
</view>
|
||||
<view class="step_up_item mt40rpx">
|
||||
<view class="step_up_item_name" :style="`color:${dialogTextColor}`">
|
||||
字号
|
||||
</view>
|
||||
<view class="step_up_item_text_bg"
|
||||
:style="`color:${dialogTextColor};background:${dialogATextBg}`" @tap="reduceCharactersSize">
|
||||
A-</view>
|
||||
<view class="step_up_item_text_bg"
|
||||
:style="`color:${dialogTextColor};background:${dialogATextBg}`" @tap="addCharactersSize">A+
|
||||
</view>
|
||||
<view class="step_up_item_text_bg"
|
||||
:style="`color:${dialogTextColor};background:${dialogATextBg}`" @tap="handelCharactersSize">
|
||||
默认</view>
|
||||
</view>
|
||||
</view>
|
||||
<view style="height:140rpx" />
|
||||
</view>
|
||||
</u-popup>
|
||||
<u-popup :show="directoryPopupShow" @close="directoryPopupClose" mode="right" :safeAreaInsetTop="true">
|
||||
<view class="directory_popup_box">
|
||||
<scroll-view scroll-y="true" @scrolltoupper="directoryPopupUpper" @scrolltolower="directoryPopupLower"
|
||||
:style="`height:${directoryPopupHeight}px`" :show-scrollbar="false">
|
||||
<!-- <view class="_popup_box_item" v-for="m in directoryList" :key="m.id">
|
||||
<view class="_item_name">
|
||||
{{m.chaptername}}
|
||||
</view>
|
||||
<view v-if="m.isvip" class="_item_chapter_lock">
|
||||
<image class="is_images" src="/static/images/chapter_lock.png"></image>
|
||||
</view>
|
||||
</view> -->
|
||||
<view class="_popup_box_item" v-for="m in myData" :key="m.id">
|
||||
<view :class="['_item_name', readDirectoryActive == m.id? 'active':''] ">
|
||||
{{m.sub}}
|
||||
</view>
|
||||
<view v-if="m.isvip" class="_item_chapter_lock">
|
||||
<image class="is_images" src="/static/images/chapter_lock.png"></image>
|
||||
</view>
|
||||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
</u-popup>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import setUpReadingColorAll from './setUpReadingColorAll.js';
|
||||
import bookshelf_333 from '/static/images/novelReading/bookshelf_333.png';
|
||||
import directory_333 from '/static/images/novelReading/directory_333.png';
|
||||
import step_up_333 from '/static/images/novelReading/step_up_333.png';
|
||||
import bookshelf_ccd9e2 from '/static/images/novelReading/bookshelf_ccd9e2.png';
|
||||
import step_up_ccd9e2 from '/static/images/novelReading/step_up_ccd9e2.png';
|
||||
import directory_ccd9e2 from '/static/images/novelReading/directory_ccd9e2.png';
|
||||
import bookshelf_f3efe from '/static/images/novelReading/bookshelf_f3efe.png';
|
||||
import directory_f3efe9 from '/static/images/novelReading/directory_f3efe9.png';
|
||||
import step_up_f3efe from '/static/images/novelReading/step_up_f3efe.png';
|
||||
import set_up_mode_black from '/static/images/novelReading/set_up_mode_black.png';
|
||||
import {
|
||||
isGetSystemInfo
|
||||
} from '@/utils/systemInfo.js';
|
||||
import {
|
||||
myGetStorage,
|
||||
mySetStorage
|
||||
} from '@/utils/storage/index.js';
|
||||
import myData from './data.js'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
novelMainTypeColor: '',
|
||||
navbarTitle: '小说阅读页面',
|
||||
setUpColorAll: {},
|
||||
navigationBarTitleTextColor: '',
|
||||
mainBodyBg: '',
|
||||
navigationBarTitleTextBackColor: '',
|
||||
bodyReadingHeight: 0,
|
||||
scrollReadingHeight: 0,
|
||||
// 内容背景
|
||||
bodyReadingBg: '',
|
||||
// 底部安全区
|
||||
bottomSecureHeight: 0,
|
||||
tabBarPopupShow: false,
|
||||
readingPopupshow: false,
|
||||
stepUpPopupShow: false,
|
||||
directoryPopupShow: false,
|
||||
// bar 的icon
|
||||
barPopupIcon: {},
|
||||
dialogTextColor: '',
|
||||
progressBg: '',
|
||||
progressActiveBg: '',
|
||||
setUpModeBlack: '',
|
||||
dialogATextBg: '',
|
||||
novelContentColor: '',
|
||||
// 目录信息
|
||||
booksDirectorySid: '2387',
|
||||
booksDirectoryPage: 1,
|
||||
newBooksDirectoryPage: [],
|
||||
directoryList: [],
|
||||
directoryPopupHeight: 0,
|
||||
// 小说信息
|
||||
novelReadingContentText: [],
|
||||
defaultCharactersSize: 46,
|
||||
newCharactersSize: 46,
|
||||
defaultCharactersLineHeight: 2,
|
||||
readDirectoryActive: '',
|
||||
myData: [],
|
||||
novelSwiperCurrent: 0,
|
||||
computeRichText: '',
|
||||
isScrollTop: 0
|
||||
}
|
||||
},
|
||||
onLoad() {
|
||||
|
||||
},
|
||||
onShow() {
|
||||
const booksDirectorySid = this.booksDirectorySid;
|
||||
const booksDirectoryPage = this.booksDirectoryPage;
|
||||
const newBooksDirectoryPage = [...this.newBooksDirectoryPage, booksDirectoryPage];
|
||||
this.newBooksDirectoryPage = newBooksDirectoryPage;
|
||||
this.isGetDirectory(booksDirectorySid, booksDirectoryPage);
|
||||
this.isGetUserRead()
|
||||
},
|
||||
methods: {
|
||||
isGetUserRead() {
|
||||
this.readDirectoryActive = '1';
|
||||
this.isGetBookInfo()
|
||||
},
|
||||
isGetBookInfo() {
|
||||
const readDirectoryActive = this.readDirectoryActive;
|
||||
const bodyReadingHeight = this.bodyReadingHeight;
|
||||
const novelReadingContentText = this.myData[readDirectoryActive];
|
||||
this.computeRichText = novelReadingContentText.content
|
||||
|
||||
const query = uni.createSelectorQuery().in(this);
|
||||
// this.$nextTick(() => {
|
||||
// query.select(`#compute_rich_text`).boundingClientRect(data => {
|
||||
// console.log(data.height / bodyReadingHeight, "============")
|
||||
// const swiperItemHeightObj = [{
|
||||
// ...novelReadingContentText,
|
||||
// swiperItemHeight: data.height,
|
||||
// swiperItemPage: parseInt(data.height / bodyReadingHeight)
|
||||
// }]
|
||||
// this.novelReadingContentText = [...this.novelReadingContentText, ...
|
||||
// swiperItemHeightObj
|
||||
// ];
|
||||
// console.log(this.novelReadingContentText, "=========")
|
||||
// }).exec()
|
||||
// })
|
||||
//
|
||||
this.novelReadingContentText = [novelReadingContentText];
|
||||
// this.$nextTick(() => {query.select(`.novelReading_main #richText_${readDirectoryActive}`).boundingClientRect(
|
||||
// this.$nextTick(() => {
|
||||
// query.select(`#compute_rich_text`).boundingClientRect(
|
||||
// data => {
|
||||
// // const swiperItemHeightObj = {
|
||||
// // ...this.swiperItemHeightObj,
|
||||
// // id: readDirectoryActive,
|
||||
// // swiperItemHeight: data.height,
|
||||
// // swiperItemPage: data.height / bodyReadingHeight
|
||||
// // }
|
||||
// // this.swiperItemHeightObj = {
|
||||
// // ...swiperItemHeightObj
|
||||
// // };
|
||||
// console.log(data.height, "==========")
|
||||
// setTimeout(() => {
|
||||
// this.isScrollTop = parseInt(data.height) - 8632;
|
||||
// // this.isScrollTop = 0;
|
||||
// this.novelReadingContentText = [this.myData[0], ...this
|
||||
// .novelReadingContentText
|
||||
// ];
|
||||
// }, 2000)
|
||||
// }).exec()
|
||||
// })
|
||||
// setTimeout(() => {
|
||||
// this.novelReadingContentText = [this.myData[0], ...this.novelReadingContentText];
|
||||
// }, 1000)
|
||||
},
|
||||
refresherTouchend() {
|
||||
setTimeout(() => {
|
||||
this.novelReadingContentText = [this.myData[0], ...this.novelReadingContentText];
|
||||
}, 1000)
|
||||
},
|
||||
// charactersUpper() {
|
||||
// console.log("ooooooooooooooo")
|
||||
// },
|
||||
// charactersLower() {
|
||||
// console.log("6666666666666")
|
||||
// const readDirectoryActive = parseInt(this.readDirectoryActive) + 1;
|
||||
// console.log(readDirectoryActive, this.myData, "6666666666666")
|
||||
// const novelReadingContentText = this.myData[readDirectoryActive];
|
||||
// this.readDirectoryActive = readDirectoryActive;
|
||||
// this.novelReadingContentText = [...this.novelReadingContentText, novelReadingContentText];
|
||||
// },
|
||||
// charactersScroll(e) {
|
||||
// console.log(e, "ee")
|
||||
// const readDirectoryActive = this.readDirectoryActive;
|
||||
// },
|
||||
handelShowStepUp() {
|
||||
this.tabBarPopupShow = !this.tabBarPopupShow;
|
||||
this.readingPopupshow = !this.readingPopupshow;
|
||||
this.stepUpPopupShow = false;
|
||||
},
|
||||
handelDirectoryPopup() {
|
||||
this.directoryPopupShow = true;
|
||||
},
|
||||
directoryPopupClose() {
|
||||
this.directoryPopupShow = false;
|
||||
},
|
||||
handelSteUpPopup() {
|
||||
this.stepUpPopupShow = true;
|
||||
},
|
||||
tabBarPopupClose() {
|
||||
this.tabBarPopupShow = false;
|
||||
},
|
||||
changNovelMainType(type) {
|
||||
this.novelMainTypeColor = type;
|
||||
this.initPage(type);
|
||||
mySetStorage('novelMainTypeColor', type);
|
||||
},
|
||||
reduceCharactersSize() {
|
||||
const newCharactersSize = this.newCharactersSize;
|
||||
this.newCharactersSize = newCharactersSize - 2;
|
||||
},
|
||||
addCharactersSize() {
|
||||
const newCharactersSize = this.newCharactersSize;
|
||||
this.newCharactersSize = newCharactersSize + 2;
|
||||
},
|
||||
handelCharactersSize() {
|
||||
const defaultCharactersSize = this.defaultCharactersSize;
|
||||
this.newCharactersSize = defaultCharactersSize;
|
||||
},
|
||||
// 目录划到了最上边
|
||||
directoryPopupUpper() {
|
||||
const isBooksDirectoryPage = this.booksDirectoryPage;
|
||||
const newBooksDirectoryPage = this.newBooksDirectoryPage;
|
||||
if (isBooksDirectoryPage > 1 && newBooksDirectoryPage.indexOf(isBooksDirectoryPage) == -1) {
|
||||
const booksDirectorySid = this.booksDirectorySid;
|
||||
const booksDirectoryPage = isBooksDirectoryPage - 1;
|
||||
this.booksDirectoryPage = booksDirectoryPage
|
||||
this.isGetDirectory(booksDirectorySid, booksDirectoryPage, 'upper')
|
||||
}
|
||||
},
|
||||
// 目录划到了最下边
|
||||
directoryPopupLower() {
|
||||
const isBooksDirectoryPage = this.booksDirectoryPage
|
||||
const booksDirectorySid = this.booksDirectorySid;
|
||||
const booksDirectoryPage = isBooksDirectoryPage + 1;
|
||||
const newBooksDirectoryPage = [...this.newBooksDirectoryPage, booksDirectoryPage]
|
||||
this.newBooksDirectoryPage = newBooksDirectoryPage;
|
||||
this.booksDirectoryPage = booksDirectoryPage
|
||||
this.isGetDirectory(booksDirectorySid, booksDirectoryPage, 'lower')
|
||||
},
|
||||
isGetDirectory(sid, page, type) {
|
||||
uni.showLoading({
|
||||
title: '加载中...'
|
||||
});
|
||||
const data = {
|
||||
sid,
|
||||
page,
|
||||
// startOrder,
|
||||
}
|
||||
uni.$u.http.post('/getDirectory', data).then((res) => {
|
||||
uni.hideLoading();
|
||||
if (res.status == 1) {
|
||||
const directory = res.data.directory;
|
||||
// const stage = res.data.stage;
|
||||
// const directoryCount = res.data.directory_count;
|
||||
let columnsLabel = ''
|
||||
if (type == 'upper') {
|
||||
this.directoryList = [...directory, ...this.directoryList];
|
||||
} else if (type == 'lower') {
|
||||
this.directoryList = [...this.directoryList, ...directory];
|
||||
} else {
|
||||
this.directoryList = directory;
|
||||
}
|
||||
}
|
||||
}).catch((err) => {
|
||||
uni.hideLoading();
|
||||
console.log(err, "========")
|
||||
})
|
||||
},
|
||||
initPage(novelMainTypeColor) {
|
||||
const mainBodyBg = setUpReadingColorAll[novelMainTypeColor].mainBodyBg;
|
||||
this.navigationBarTitleTextColor = setUpReadingColorAll[novelMainTypeColor].navigationBarTitleTextColor;
|
||||
this.mainBodyBg = mainBodyBg;
|
||||
this.bodyReadingBg = mainBodyBg;
|
||||
this.dialogTextColor = setUpReadingColorAll[novelMainTypeColor].dialogTextColor;
|
||||
this.progressBg = setUpReadingColorAll[novelMainTypeColor].progressBg;
|
||||
this.progressActiveBg = setUpReadingColorAll[novelMainTypeColor].progressActiveBg;
|
||||
this.setUpModeBlack = set_up_mode_black;
|
||||
this.dialogATextBg = setUpReadingColorAll[novelMainTypeColor].dialogATextBg;
|
||||
this.tabBarTextColor = setUpReadingColorAll[novelMainTypeColor].tabBarTextColor;
|
||||
this.novelContentColor = setUpReadingColorAll[novelMainTypeColor].novelContentColor;
|
||||
this.navigationBarTitleTextBackColor = setUpReadingColorAll[novelMainTypeColor]
|
||||
.navigationBarTitleTextBackColor;
|
||||
},
|
||||
rightClick() {
|
||||
uni.navigateBack()
|
||||
},
|
||||
},
|
||||
created() {
|
||||
const novelMainTypeColor = myGetStorage('novelMainTypeColor') || 'F3EFE9';
|
||||
const {
|
||||
screenHeight = 0, statusBarHeight = 0, windowHeight = 0,
|
||||
devicePixelRatio, windowBottom
|
||||
} = isGetSystemInfo();
|
||||
console.log(isGetSystemInfo(), "-----------");
|
||||
console.log(myData, "myDatamyData")
|
||||
this.myData = myData;
|
||||
this.novelMainTypeColor = novelMainTypeColor;
|
||||
this.bodyReadingHeight = screenHeight - statusBarHeight - devicePixelRatio * 22;
|
||||
this.scrollReadingHeight = screenHeight - statusBarHeight - devicePixelRatio * 38;
|
||||
// #ifdef APP-PLUS
|
||||
this.directoryPopupHeight = screenHeight - statusBarHeight;
|
||||
// #endif
|
||||
// #ifdef H5 || MP-WEIXIN
|
||||
this.directoryPopupHeight = screenHeight - statusBarHeight - devicePixelRatio * 22;
|
||||
// #endif
|
||||
|
||||
this.bottomSecureHeight = screenHeight - windowHeight;
|
||||
this.setUpColorAll = setUpReadingColorAll;
|
||||
this.barPopupIcon = {
|
||||
'F3EFE9': {
|
||||
bookshelf_icon: bookshelf_f3efe,
|
||||
directory_icon: directory_f3efe9,
|
||||
step_up_icon: step_up_f3efe,
|
||||
},
|
||||
'CCD9E2': {
|
||||
bookshelf_icon: bookshelf_ccd9e2,
|
||||
directory_icon: directory_ccd9e2,
|
||||
step_up_icon: step_up_ccd9e2,
|
||||
},
|
||||
'333333': {
|
||||
bookshelf_icon: bookshelf_333,
|
||||
directory_icon: directory_333,
|
||||
step_up_icon: step_up_333
|
||||
}
|
||||
}
|
||||
this.initPage(novelMainTypeColor);
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
page {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.is_images {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.mt40rpx {
|
||||
margin-top: 40rpx;
|
||||
}
|
||||
|
||||
.novelReading_content::v-deep.u-navbar__content__title {
|
||||
font-size: 30rpx;
|
||||
}
|
||||
|
||||
.novelReading_content::v-deep.u-navbar--fixed {
|
||||
box-shadow: 0 0 8rpx rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
.novelReading_content::v-deep.z-paging-content {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#compute_rich_text {
|
||||
position: fixed;
|
||||
top: 1500px;
|
||||
}
|
||||
|
||||
.novelReading_content {
|
||||
// display: flex;
|
||||
// flex-direction: column;
|
||||
width: 100%;
|
||||
// height: 100%;
|
||||
// overflow: hidden;
|
||||
|
||||
.novelReading_body {
|
||||
width: 100%;
|
||||
|
||||
// height: 100%;
|
||||
|
||||
|
||||
.novelReading_main_swiper {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
.swiper_item_con {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.novelReading_main {
|
||||
width: 100%;
|
||||
padding: 32rpx 32rpx;
|
||||
box-sizing: border-box;
|
||||
position: relative;
|
||||
|
||||
.novelReading_characters_scroll {
|
||||
width: 100%;
|
||||
// padding: 32rpx 32rpx;
|
||||
// box-sizing: border-box;
|
||||
|
||||
.novelReading_characters_main {
|
||||
width: 100%;
|
||||
// height: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.my_tabBar_Reading {
|
||||
width: 100%;
|
||||
height: 140rpx;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 0 24rpx;
|
||||
box-sizing: border-box;
|
||||
border-top: 1rpx solid #d6d2ce;
|
||||
|
||||
.tabBar_Reading_item {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
|
||||
|
||||
.reading_item_icon {
|
||||
width: 34rpx;
|
||||
height: 34rpx;
|
||||
}
|
||||
|
||||
.reading_item_name {
|
||||
font-size: 30rpx;
|
||||
line-height: 1;
|
||||
margin-top: 10rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.reading_schedule_box {
|
||||
width: 100%;
|
||||
box-shadow: 0 0 8rpx rgba(0, 0, 0, 0.2);
|
||||
border-radius: 40rpx;
|
||||
|
||||
.reading_schedule_body {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
padding: 40rpx 24rpx;
|
||||
box-sizing: border-box;
|
||||
background: transparent;
|
||||
|
||||
.schedule_body_text {
|
||||
font-size: 34rpx;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.reading_schedule_slider {
|
||||
width: 430rpx;
|
||||
// height: 60rpx;
|
||||
|
||||
.slider {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.step_up_box {
|
||||
width: 100%;
|
||||
box-shadow: 0 0 8rpx rgba(0, 0, 0, 0.2);
|
||||
border-radius: 40rpx;
|
||||
|
||||
.step_up_box_body {
|
||||
width: 100%;
|
||||
padding: 40rpx 24rpx;
|
||||
box-sizing: border-box;
|
||||
background: transparent;
|
||||
|
||||
.step_up_item {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
|
||||
.step_up_item_name {
|
||||
line-height: 1;
|
||||
font-size: 30rpx;
|
||||
}
|
||||
|
||||
.step_up_item_bg {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 188rpx;
|
||||
height: 74rpx;
|
||||
border-radius: 37rpx;
|
||||
box-sizing: border-box;
|
||||
border: 2rpx solid transparent;
|
||||
}
|
||||
|
||||
.step_up_item_text_bg {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 188rpx;
|
||||
height: 74rpx;
|
||||
border-radius: 37rpx;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.step_up_item_bg.activeBlack {
|
||||
border-color: #1A1A1A;
|
||||
}
|
||||
|
||||
.step_up_item_bg.activeWhite {
|
||||
border-color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.reading_schedule_slider::v-deep.uni-slider-handle-wrapper {
|
||||
height: 60rpx;
|
||||
border-radius: 30rpx;
|
||||
|
||||
.uni-slider-track {
|
||||
border-radius: 30rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.directory_popup_box {
|
||||
display: flex;
|
||||
align-items: flex-end;
|
||||
width: 560rpx;
|
||||
height: 100%;
|
||||
padding: 32rpx;
|
||||
box-sizing: border-box;
|
||||
|
||||
._popup_box_item {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
height: 120rpx;
|
||||
border-bottom: 1rpx solid #F2F2F2;
|
||||
|
||||
._item_name {
|
||||
font-size: 32rpx;
|
||||
color: #333333;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
._item_name.active {
|
||||
color: #FF728F;
|
||||
}
|
||||
|
||||
._item_chapter_lock {
|
||||
width: 32rpx;
|
||||
height: 32rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -189,7 +189,6 @@
|
||||
myGetStorage,
|
||||
mySetStorage
|
||||
} from '@/utils/storage/index.js';
|
||||
import myData from './data.js';
|
||||
import CommBookLeftRigth from '@/components/commBookLeftRigth/index.vue'
|
||||
export default {
|
||||
components: {
|
||||
@ -720,7 +719,6 @@
|
||||
screenHeight = 0, statusBarHeight = 0, windowHeight = 0, devicePixelRatio, windowBottom, windowWidth,
|
||||
screenWidth
|
||||
} = isGetSystemInfo();
|
||||
// this.myData = myData;
|
||||
this.novelMainTypeColor = novelMainTypeColor;
|
||||
this.newCharactersSize = JSON.parse(novelMainObj).charactersSize || 26;
|
||||
this.setUpColorAll = setUpReadingColorAll;
|
||||
|
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
Before Width: | Height: | Size: 41 KiB |
BIN
unpackage/cache/wgt/__UNI__474F351/.manifest/google-keystore.keystore
vendored
Normal file
BIN
unpackage/cache/wgt/__UNI__474F351/.manifest/google-keystore.keystore
vendored
Normal file
Binary file not shown.
BIN
unpackage/cache/wgt/__UNI__474F351/.manifest/icon-android-hdpi.png
vendored
Normal file
BIN
unpackage/cache/wgt/__UNI__474F351/.manifest/icon-android-hdpi.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.7 KiB |
BIN
unpackage/cache/wgt/__UNI__474F351/.manifest/icon-android-xhdpi.png
vendored
Normal file
BIN
unpackage/cache/wgt/__UNI__474F351/.manifest/icon-android-xhdpi.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.4 KiB |
BIN
unpackage/cache/wgt/__UNI__474F351/.manifest/icon-android-xxhdpi.png
vendored
Normal file
BIN
unpackage/cache/wgt/__UNI__474F351/.manifest/icon-android-xxhdpi.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.0 KiB |
BIN
unpackage/cache/wgt/__UNI__474F351/.manifest/icon-android-xxxhdpi.png
vendored
Normal file
BIN
unpackage/cache/wgt/__UNI__474F351/.manifest/icon-android-xxxhdpi.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 5.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 5.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.9 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 6.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.9 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.1 KiB |
@ -1,8 +1,8 @@
|
||||
|
||||
var isReady=false;var onReadyCallbacks=[];
|
||||
var isServiceReady=false;var onServiceReadyCallbacks=[];
|
||||
var __uniConfig = {"pages":["pages/initialization/initialization","pages/bookCity/bookCity/index","pages/bookshelf/bookshelf/index","pages/login/login","pages/loginMobile/loginMobile","pages/classification/classification/index","pages/myInfo/myInfo/index","pages/myInfo/aboutMy/index","pages/myInfo/mySetUp/index","pages/myInfo/problemList/index","pages/myInfo/problemDetail/index","pages/voucherCenter/index","pages/readingRecords/index","pages/signInBookCurrency/index","pages/booksListAll/index","pages/booksTheCharts/index","pages/voucherCenterDetail/index","pages/bookCoinDetail/bookCoinDetail","pages/giveCoinDetail/giveCoinDetail","pages/booksSearchList/booksSearchList","pages/novelReading/novelReading","pages/booksReadingDetail/booksReadingDetail","pages/bookRecommendList/bookRecommendList"],"window":{"navigationBarTextStyle":"black","navigationBarTitleText":"uni-app","navigationBarBackgroundColor":"#F8F8F8","backgroundColor":"#F8F8F8"},"tabBar":{"backgroundColor":"#FFFFFF","borderStyle":"#F5F5F5","selectedColor":"#FF5000","iconWidth":"24px","color":"#666666","fontSize":"10px","height":"68px","list":[{"pagePath":"pages/bookshelf/bookshelf/index","text":"书架","iconPath":"/static/images/tabbar/bookshelf.png","selectedIconPath":"/static/images/tabbar/bookshelfActive.png"},{"pagePath":"pages/bookCity/bookCity/index","text":"书城","iconPath":"/static/images/tabbar/bookCity.png","selectedIconPath":"/static/images/tabbar/bookCityActive.png"},{"pagePath":"pages/classification/classification/index","text":"分类","iconPath":"/static/images/tabbar/classification.png","selectedIconPath":"/static/images/tabbar/classificationActive.png"},{"pagePath":"pages/myInfo/myInfo/index","text":"我的","iconPath":"/static/images/tabbar/myInfo.png","selectedIconPath":"/static/images/tabbar/myInfoActive.png"}]},"darkmode":false,"nvueCompiler":"uni-app","nvueStyleCompiler":"uni-app","renderer":"auto","splashscreen":{"alwaysShowBeforeRender":true,"autoclose":false},"appname":"古言小说","compilerVersion":"3.8.12","entryPagePath":"pages/initialization/initialization","networkTimeout":{"request":60000,"connectSocket":60000,"uploadFile":60000,"downloadFile":60000}};
|
||||
var __uniRoutes = [{"path":"/pages/initialization/initialization","meta":{"isQuit":true},"window":{"navigationBarTitleText":"","navigationStyle":"custom","bounce":"none"}},{"path":"/pages/bookCity/bookCity/index","meta":{"isQuit":true,"isTabBar":true},"window":{"navigationBarTitleText":"书城","navigationStyle":"custom","bounce":"none"}},{"path":"/pages/bookshelf/bookshelf/index","meta":{"isQuit":true,"isTabBar":true},"window":{"navigationBarTitleText":"书架","navigationStyle":"custom","bounce":"none"}},{"path":"/pages/login/login","meta":{},"window":{"navigationBarTitleText":"","navigationStyle":"custom","bounce":"none"}},{"path":"/pages/loginMobile/loginMobile","meta":{},"window":{"navigationBarTitleText":"","navigationStyle":"custom","bounce":"none"}},{"path":"/pages/classification/classification/index","meta":{"isQuit":true,"isTabBar":true},"window":{"navigationBarTitleText":"分类","navigationStyle":"custom","bounce":"none"}},{"path":"/pages/myInfo/myInfo/index","meta":{"isQuit":true,"isTabBar":true},"window":{"navigationBarTitleText":"我的","bounce":"none"}},{"path":"/pages/myInfo/aboutMy/index","meta":{},"window":{"navigationBarTitleText":"关于我们","bounce":"none"}},{"path":"/pages/myInfo/mySetUp/index","meta":{},"window":{"navigationBarTitleText":"设置","bounce":"none"}},{"path":"/pages/myInfo/problemList/index","meta":{},"window":{"navigationBarTitleText":"常见问题","bounce":"none"}},{"path":"/pages/myInfo/problemDetail/index","meta":{},"window":{"navigationBarTitleText":"常见问题","bounce":"none"}},{"path":"/pages/voucherCenter/index","meta":{},"window":{"navigationBarTitleText":"充值中心","bounce":"none"}},{"path":"/pages/readingRecords/index","meta":{},"window":{"navigationBarTitleText":"阅读记录","bounce":"none"}},{"path":"/pages/signInBookCurrency/index","meta":{},"window":{"navigationBarTitleText":"签到领取书币","navigationStyle":"custom","navigationBarTextStyle":"white","bounce":"none"}},{"path":"/pages/booksListAll/index","meta":{},"window":{"navigationBarTitleText":"","bounce":"none"}},{"path":"/pages/booksTheCharts/index","meta":{},"window":{"navigationBarTitleText":"","navigationStyle":"custom","bounce":"none"}},{"path":"/pages/voucherCenterDetail/index","meta":{},"window":{"navigationBarTitleText":"充值记录","bounce":"none"}},{"path":"/pages/bookCoinDetail/bookCoinDetail","meta":{},"window":{"navigationBarTitleText":"书币明细","bounce":"none"}},{"path":"/pages/giveCoinDetail/giveCoinDetail","meta":{},"window":{"navigationBarTitleText":"赠币明细","bounce":"none"}},{"path":"/pages/booksSearchList/booksSearchList","meta":{},"window":{"navigationBarTitleText":"搜索","bounce":"none"}},{"path":"/pages/novelReading/novelReading","meta":{},"window":{"navigationBarTitleText":"","navigationStyle":"custom","enablePullDownRefresh":false,"bounce":"none"}},{"path":"/pages/booksReadingDetail/booksReadingDetail","meta":{},"window":{"navigationBarTitleText":"","bounce":"none"}},{"path":"/pages/bookRecommendList/bookRecommendList","meta":{},"window":{"navigationBarTitleText":"","bounce":"none"}}];
|
||||
var __uniConfig = {"pages":["pages/initialization/initialization","pages/agreement/agreement","pages/bookCity/bookCity/index","pages/bookshelf/bookshelf/index","pages/login/login","pages/loginMobile/loginMobile","pages/classification/classification/index","pages/myInfo/myInfo/index","pages/myInfo/aboutMy/index","pages/myInfo/mySetUp/index","pages/myInfo/problemList/index","pages/myInfo/problemDetail/index","pages/voucherCenter/index","pages/readingRecords/index","pages/signInBookCurrency/index","pages/booksListAll/index","pages/booksTheCharts/index","pages/voucherCenterDetail/index","pages/bookCoinDetail/bookCoinDetail","pages/giveCoinDetail/giveCoinDetail","pages/booksSearchList/booksSearchList","pages/novelReading/novelReading","pages/booksReadingDetail/booksReadingDetail","pages/bookRecommendList/bookRecommendList"],"window":{"navigationBarTextStyle":"black","navigationBarTitleText":"uni-app","navigationBarBackgroundColor":"#F8F8F8","backgroundColor":"#F8F8F8"},"tabBar":{"backgroundColor":"#FFFFFF","borderStyle":"#F5F5F5","selectedColor":"#FF5000","iconWidth":"24px","color":"#666666","fontSize":"10px","height":"68px","list":[{"pagePath":"pages/bookshelf/bookshelf/index","text":"书架","iconPath":"/static/images/tabbar/bookshelf.png","selectedIconPath":"/static/images/tabbar/bookshelfActive.png"},{"pagePath":"pages/bookCity/bookCity/index","text":"书城","iconPath":"/static/images/tabbar/bookCity.png","selectedIconPath":"/static/images/tabbar/bookCityActive.png"},{"pagePath":"pages/classification/classification/index","text":"分类","iconPath":"/static/images/tabbar/classification.png","selectedIconPath":"/static/images/tabbar/classificationActive.png"},{"pagePath":"pages/myInfo/myInfo/index","text":"我的","iconPath":"/static/images/tabbar/myInfo.png","selectedIconPath":"/static/images/tabbar/myInfoActive.png"}]},"darkmode":false,"nvueCompiler":"uni-app","nvueStyleCompiler":"uni-app","renderer":"auto","splashscreen":{"alwaysShowBeforeRender":true,"autoclose":false},"appname":"古言小说","compilerVersion":"3.8.12","entryPagePath":"pages/initialization/initialization","networkTimeout":{"request":60000,"connectSocket":60000,"uploadFile":60000,"downloadFile":60000}};
|
||||
var __uniRoutes = [{"path":"/pages/initialization/initialization","meta":{"isQuit":true},"window":{"navigationBarTitleText":"","navigationStyle":"custom","bounce":"none"}},{"path":"/pages/agreement/agreement","meta":{},"window":{"navigationBarTitleText":"","bounce":"none","safearea":{"background":"#FFFFFF","bottom":{"offset":"auto"}}}},{"path":"/pages/bookCity/bookCity/index","meta":{"isQuit":true,"isTabBar":true},"window":{"navigationBarTitleText":"书城","navigationStyle":"custom","bounce":"none"}},{"path":"/pages/bookshelf/bookshelf/index","meta":{"isQuit":true,"isTabBar":true},"window":{"navigationBarTitleText":"书架","navigationStyle":"custom","bounce":"none"}},{"path":"/pages/login/login","meta":{},"window":{"navigationBarTitleText":"","navigationStyle":"custom","bounce":"none"}},{"path":"/pages/loginMobile/loginMobile","meta":{},"window":{"navigationBarTitleText":"","navigationStyle":"custom","bounce":"none"}},{"path":"/pages/classification/classification/index","meta":{"isQuit":true,"isTabBar":true},"window":{"navigationBarTitleText":"分类","navigationStyle":"custom","bounce":"none"}},{"path":"/pages/myInfo/myInfo/index","meta":{"isQuit":true,"isTabBar":true},"window":{"navigationBarTitleText":"我的","bounce":"none"}},{"path":"/pages/myInfo/aboutMy/index","meta":{},"window":{"navigationBarTitleText":"关于我们","bounce":"none"}},{"path":"/pages/myInfo/mySetUp/index","meta":{},"window":{"navigationBarTitleText":"设置","bounce":"none"}},{"path":"/pages/myInfo/problemList/index","meta":{},"window":{"navigationBarTitleText":"常见问题","bounce":"none"}},{"path":"/pages/myInfo/problemDetail/index","meta":{},"window":{"navigationBarTitleText":"常见问题","bounce":"none"}},{"path":"/pages/voucherCenter/index","meta":{},"window":{"navigationBarTitleText":"充值中心","bounce":"none"}},{"path":"/pages/readingRecords/index","meta":{},"window":{"navigationBarTitleText":"阅读记录","bounce":"none"}},{"path":"/pages/signInBookCurrency/index","meta":{},"window":{"navigationBarTitleText":"签到领取书币","navigationStyle":"custom","navigationBarTextStyle":"white","bounce":"none"}},{"path":"/pages/booksListAll/index","meta":{},"window":{"navigationBarTitleText":"","bounce":"none"}},{"path":"/pages/booksTheCharts/index","meta":{},"window":{"navigationBarTitleText":"","navigationStyle":"custom","bounce":"none"}},{"path":"/pages/voucherCenterDetail/index","meta":{},"window":{"navigationBarTitleText":"充值记录","bounce":"none"}},{"path":"/pages/bookCoinDetail/bookCoinDetail","meta":{},"window":{"navigationBarTitleText":"书币明细","bounce":"none"}},{"path":"/pages/giveCoinDetail/giveCoinDetail","meta":{},"window":{"navigationBarTitleText":"赠币明细","bounce":"none"}},{"path":"/pages/booksSearchList/booksSearchList","meta":{},"window":{"navigationBarTitleText":"搜索","bounce":"none"}},{"path":"/pages/novelReading/novelReading","meta":{},"window":{"navigationBarTitleText":"","navigationStyle":"custom","enablePullDownRefresh":false,"bounce":"none"}},{"path":"/pages/booksReadingDetail/booksReadingDetail","meta":{},"window":{"navigationBarTitleText":"","bounce":"none"}},{"path":"/pages/bookRecommendList/bookRecommendList","meta":{},"window":{"navigationBarTitleText":"","bounce":"none"}}];
|
||||
__uniConfig.onReady=function(callback){if(__uniConfig.ready){callback()}else{onReadyCallbacks.push(callback)}};Object.defineProperty(__uniConfig,"ready",{get:function(){return isReady},set:function(val){isReady=val;if(!isReady){return}const callbacks=onReadyCallbacks.slice(0);onReadyCallbacks.length=0;callbacks.forEach(function(callback){callback()})}});
|
||||
__uniConfig.onServiceReady=function(callback){if(__uniConfig.serviceReady){callback()}else{onServiceReadyCallbacks.push(callback)}};Object.defineProperty(__uniConfig,"serviceReady",{get:function(){return isServiceReady},set:function(val){isServiceReady=val;if(!isServiceReady){return}const callbacks=onServiceReadyCallbacks.slice(0);onServiceReadyCallbacks.length=0;callbacks.forEach(function(callback){callback()})}});
|
||||
service.register("uni-app-config",{create(a,b,c){if(!__uniConfig.viewport){var d=b.weex.config.env.scale,e=b.weex.config.env.deviceWidth,f=Math.ceil(e/d);Object.assign(__uniConfig,{viewport:f,defaultFontSize:Math.round(f/20)})}return{instance:{__uniConfig:__uniConfig,__uniRoutes:__uniRoutes,global:void 0,window:void 0,document:void 0,frames:void 0,self:void 0,location:void 0,navigator:void 0,localStorage:void 0,history:void 0,Caches:void 0,screen:void 0,alert:void 0,confirm:void 0,prompt:void 0,fetch:void 0,XMLHttpRequest:void 0,WebSocket:void 0,webkit:void 0,print:void 0}}}});
|
||||
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -1 +1 @@
|
||||
{"@platforms":["android","iPhone","iPad"],"id":"__UNI__474F351","name":"古言小说","version":{"name":"1.0.0","code":"100"},"description":"","launch_path":"__uniappview.html","developer":{"name":"","email":"","url":""},"permissions":{"UniNView":{"description":"UniNView原生渲染"}},"plus":{"useragent":{"value":"uni-app","concatenate":true},"splashscreen":{"autoclose":true,"delay":0,"target":"id:1","waiting":true},"popGesture":"close","launchwebview":{"id":"1","kernel":"WKWebview"},"statusbar":{"immersed":"supportedDevice","style":"dark","background":"#F8F8F8"},"safearea":{"background":"#F5F6F9","bottom":{"offset":"none|auto"}},"bounce":"none","usingComponents":true,"nvueStyleCompiler":"uni-app","compilerVersion":3,"distribute":{"icons":{"android":{"hdpi":"D:\\project_web\\app_ancientSayings\\unpackage\\res\\icons\\72x72.png","xhdpi":"D:\\project_web\\app_ancientSayings\\unpackage\\res\\icons\\96x96.png","xxhdpi":"D:\\project_web\\app_ancientSayings\\unpackage\\res\\icons\\144x144.png","xxxhdpi":"D:\\project_web\\app_ancientSayings\\unpackage\\res\\icons\\192x192.png"},"ios":{"appstore":"appstore.png","ipad":{"app":"icon-ipad-app.png","app@2x":"icon-ipad-app@2x.png","notification":"icon-ipad-notification.png","notification@2x":"icon-ipad-notification@2x.png","proapp@2x":"icon-ipad-proapp@2x.png","settings":"icon-ipad-settings.png","settings@2x":"icon-ipad-settings@2x.png","spotlight":"icon-ipad-spotlight.png","spotlight@2x":"icon-ipad-spotlight@2x.png"},"iphone":{"app@2x":"icon-iphone-app@2x.png","app@3x":"icon-iphone-app@3x.png","notification@2x":"icon-iphone-notification@2x.png","notification@3x":"icon-iphone-notification@3x.png","settings@2x":"icon-iphone-settings@2x.png","settings@3x":"icon-iphone-settings@3x.png","spotlight@2x":"icon-iphone-spotlight@2x.png","spotlight@3x":"icon-iphone-spotlight@3x.png"},"prerendered":"false"}},"google":{"permissions":["<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>","<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>","<uses-permission android:name=\"android.permission.VIBRATE\"/>","<uses-permission android:name=\"android.permission.READ_LOGS\"/>","<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>","<uses-feature android:name=\"android.hardware.camera.autofocus\"/>","<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>","<uses-permission android:name=\"android.permission.CAMERA\"/>","<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>","<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>","<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>","<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>","<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>","<uses-feature android:name=\"android.hardware.camera\"/>","<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>"],"custompermissions":true},"apple":{"dSYMs":false,"appid":"com.gygsh.app","password":"ep/Tdjka4Y7WYqDB6/S7dw==","mobileprovision":"apple-mobileprovision.mobileprovision","p12":"apple-private.p12","devices":"iphone","plistcmds":["Add :UIFileSharingEnabled bool true"]},"plugins":{"ad":{},"audio":{"mp3":{"description":"Android平台录音支持MP3格式文件"}}},"debug":true,"syncDebug":true,"orientation":"portrait-primary"},"uniStatistics":{"enable":false},"allowsInlineMediaPlayback":true,"uni-app":{"compilerVersion":"3.8.12","control":"uni-v3","nvueCompiler":"uni-app","renderer":"auto","nvue":{"flex-direction":"column"},"nvueLaunchMode":"normal"},"tabBar":{"backgroundColor":"#FFFFFF","borderStyle":"#F5F5F5","selectedColor":"#FF5000","iconWidth":"24px","color":"#666666","fontSize":"10px","height":"68px","list":[{"pagePath":"pages/bookshelf/bookshelf/index","text":"书架","iconPath":"/static/images/tabbar/bookshelf.png","selectedIconPath":"/static/images/tabbar/bookshelfActive.png"},{"pagePath":"pages/bookCity/bookCity/index","text":"书城","iconPath":"/static/images/tabbar/bookCity.png","selectedIconPath":"/static/images/tabbar/bookCityActive.png"},{"pagePath":"pages/classification/classification/index","text":"分类","iconPath":"/static/images/tabbar/classification.png","selectedIconPath":"/static/images/tabbar/classificationActive.png"},{"pagePath":"pages/myInfo/myInfo/index","text":"我的","iconPath":"/static/images/tabbar/myInfo.png","selectedIconPath":"/static/images/tabbar/myInfoActive.png"}]},"launch_path":"__uniappview.html","adid":"122850200207"}}
|
||||
{"@platforms":["android","iPhone","iPad"],"id":"__UNI__474F351","name":"古言小说","version":{"name":"1.0.0","code":"100"},"description":"","launch_path":"__uniappview.html","developer":{"name":"","email":"","url":""},"permissions":{"UniNView":{"description":"UniNView原生渲染"}},"plus":{"useragent":{"value":"uni-app","concatenate":true},"splashscreen":{"autoclose":true,"delay":0,"target":"id:1","waiting":true},"popGesture":"close","launchwebview":{"id":"1","kernel":"WKWebview"},"statusbar":{"immersed":"supportedDevice","style":"dark","background":"#F8F8F8"},"safearea":{"background":"#F5F6F9","bottom":{"offset":"none|auto"}},"bounce":"none","usingComponents":true,"nvueStyleCompiler":"uni-app","compilerVersion":3,"distribute":{"icons":{"android":{"hdpi":"icon-android-hdpi.png","xhdpi":"icon-android-xhdpi.png","xxhdpi":"icon-android-xxhdpi.png","xxxhdpi":"icon-android-xxxhdpi.png"},"ios":{"appstore":"unpackage/res/icons/1024x1024.png","ipad":{"app":"unpackage/res/icons/76x76.png","app@2x":"unpackage/res/icons/152x152.png","notification":"unpackage/res/icons/20x20.png","notification@2x":"unpackage/res/icons/40x40.png","proapp@2x":"unpackage/res/icons/167x167.png","settings":"unpackage/res/icons/29x29.png","settings@2x":"unpackage/res/icons/58x58.png","spotlight":"unpackage/res/icons/40x40.png","spotlight@2x":"unpackage/res/icons/80x80.png"},"iphone":{"app@2x":"unpackage/res/icons/120x120.png","app@3x":"unpackage/res/icons/180x180.png","notification@2x":"unpackage/res/icons/40x40.png","notification@3x":"unpackage/res/icons/60x60.png","settings@2x":"unpackage/res/icons/58x58.png","settings@3x":"unpackage/res/icons/87x87.png","spotlight@2x":"unpackage/res/icons/80x80.png","spotlight@3x":"unpackage/res/icons/120x120.png"},"prerendered":"false"}},"google":{"permissions":["<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>","<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>","<uses-permission android:name=\"android.permission.VIBRATE\"/>","<uses-permission android:name=\"android.permission.READ_LOGS\"/>","<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>","<uses-feature android:name=\"android.hardware.camera.autofocus\"/>","<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>","<uses-permission android:name=\"android.permission.CAMERA\"/>","<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>","<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>","<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>","<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>","<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>","<uses-feature android:name=\"android.hardware.camera\"/>","<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>"],"packagename":"uni.UNI474F351","aliasname":"com.gyjc.app","password":"ep/Tdjka4Y7WYqDB6/S7dw==","keystore":"google-keystore.keystore","custompermissions":true},"apple":{"dSYMs":false,"plistcmds":["Add :UIFileSharingEnabled bool true"],"devices":"universal"},"plugins":{"ad":{},"audio":{"mp3":{"description":"Android平台录音支持MP3格式文件"}}},"debug":true,"syncDebug":true,"orientation":"portrait-primary"},"uniStatistics":{"enable":false},"allowsInlineMediaPlayback":true,"uni-app":{"compilerVersion":"3.8.12","control":"uni-v3","nvueCompiler":"uni-app","renderer":"auto","nvue":{"flex-direction":"column"},"nvueLaunchMode":"normal"},"tabBar":{"backgroundColor":"#FFFFFF","borderStyle":"#F5F5F5","selectedColor":"#FF5000","iconWidth":"24px","color":"#666666","fontSize":"10px","height":"68px","list":[{"pagePath":"pages/bookshelf/bookshelf/index","text":"书架","iconPath":"/static/images/tabbar/bookshelf.png","selectedIconPath":"/static/images/tabbar/bookshelfActive.png"},{"pagePath":"pages/bookCity/bookCity/index","text":"书城","iconPath":"/static/images/tabbar/bookCity.png","selectedIconPath":"/static/images/tabbar/bookCityActive.png"},{"pagePath":"pages/classification/classification/index","text":"分类","iconPath":"/static/images/tabbar/classification.png","selectedIconPath":"/static/images/tabbar/classificationActive.png"},{"pagePath":"pages/myInfo/myInfo/index","text":"我的","iconPath":"/static/images/tabbar/myInfo.png","selectedIconPath":"/static/images/tabbar/myInfoActive.png"}]},"launch_path":"__uniappview.html","adid":"122850200207"}}
|
||||
BIN
unpackage/debug/android_debug.apk
Normal file
BIN
unpackage/debug/android_debug.apk
Normal file
Binary file not shown.
8
unpackage/dist/build/app-plus/app-service.js
vendored
8
unpackage/dist/build/app-plus/app-service.js
vendored
File diff suppressed because one or more lines are too long
2
unpackage/dist/build/app-plus/app-view.js
vendored
2
unpackage/dist/build/app-plus/app-view.js
vendored
File diff suppressed because one or more lines are too long
4567
unpackage/dist/dev/app-plus/app-service.js
vendored
4567
unpackage/dist/dev/app-plus/app-service.js
vendored
File diff suppressed because one or more lines are too long
8912
unpackage/dist/dev/app-plus/app-view.js
vendored
8912
unpackage/dist/dev/app-plus/app-view.js
vendored
File diff suppressed because one or more lines are too long
@ -1,75 +0,0 @@
|
||||
// 引入配置
|
||||
import config from '@/config/index';
|
||||
import {
|
||||
myGetStorage
|
||||
} from '@/utils/storage/index.js'
|
||||
|
||||
const requestInterceptors = (vm) => {
|
||||
/**
|
||||
* 请求拦截
|
||||
* @param {Object} http
|
||||
*/
|
||||
uni.$u.http.interceptors.request.use((config) => {
|
||||
// 可使用async await 做异步操作
|
||||
// 初始化请求拦截器时，会执行此方法，此时data为undefined，赋予默认{}
|
||||
config.data = config.data || {};
|
||||
const token = myGetStorage('token');
|
||||
// config?.custom?.token &&
|
||||
if (token) {
|
||||
config.header.token = token;
|
||||
}
|
||||
// 可以在此通过vm引用vuex中的变量，具体值在vm.$store.state中
|
||||
// console.log(vm.$store.state);
|
||||
return config
|
||||
}, (config) => {
|
||||
// 可使用async await 做异步操作
|
||||
return Promise.reject(config)
|
||||
})
|
||||
}
|
||||
const responseInterceptors = (vm) => {
|
||||
/**
|
||||
* 响应拦截
|
||||
* @param {Object} http
|
||||
*/
|
||||
uni.$u.http.interceptors.response.use((response) => {
|
||||
/* 对响应成功做点什么 可使用async await 做异步操作*/
|
||||
const data = response.data
|
||||
console.log(response, "============")
|
||||
// 自定义参数
|
||||
const custom = response.config?.custom
|
||||
// // 服务端返回的状态码不等于200，则reject()
|
||||
if (data.status !== 1) {
|
||||
// 如果没有显式定义custom的toast参数为false的话，默认对报错进行toast弹出提示
|
||||
if (custom.toast !== false) {
|
||||
uni.$u.toast(data.message)
|
||||
}
|
||||
// 如果需要catch返回，则进行reject
|
||||
if (custom?.catch) {
|
||||
return new Promise(() => {})
|
||||
} else {
|
||||
// 否则返回一个pending中的promise
|
||||
return Promise.reject(data)
|
||||
}
|
||||
}
|
||||
return data || {}
|
||||
}, (response) => {
|
||||
/* 对响应错误做点什么 （statusCode !== 200）*/
|
||||
return Promise.reject(response)
|
||||
})
|
||||
}
|
||||
|
||||
// 初始化请求配置
|
||||
const initRequest = (vm) => {
|
||||
uni.$u.http.setConfig((defaultConfig) => {
|
||||
/* defaultConfig 为默认全局配置 */
|
||||
defaultConfig.baseURL = config.baseUrl;
|
||||
/* 根域名 */
|
||||
defaultConfig.header = config.header;
|
||||
return defaultConfig
|
||||
})
|
||||
requestInterceptors()
|
||||
responseInterceptors()
|
||||
}
|
||||
export {
|
||||
initRequest
|
||||
}
|
||||
Loading…
x
Reference in New Issue
Block a user