|
@@ -1,23 +1,23 @@
|
|
|
<template>
|
|
|
- <scroll-view :scroll-y="true" :refresher-enabled="false" class="color-bg" :style="{'background-color': read_setting_data.readMode==config.read_config.readMode.Bright?config.read_config.colorList[read_setting_data.colorBgIndex]:DarkBg,'height':'100%' }">
|
|
|
- <readPage class="content" ref="readPages" @onTouchstart="onStartClickView"
|
|
|
+ <scroll-view class="scroll-container" :scroll-y="true" bounces="false" :show-scrollbar="false" :refresher-enabled="false" :style="{'background-color': read_setting_data.readMode==config.read_config.readMode.Bright?config.read_config.colorList[read_setting_data.colorBgIndex]:DarkBg,'height':'100%' }">
|
|
|
+ <readPage ref="readPages" @onTouchstart="onStartClickView"
|
|
|
@clickCatalog="onClickCatalog"
|
|
|
@clickPreChapter="onClickPreChapter"
|
|
|
@clickNextChapter="onClickNextChapter"
|
|
|
@onTouchend="onEndClickView" @onTouchmove="hideSetting" v-for="(book_read_data_item,index) in book_text_list_view" :key="book_read_data_item.book_chapter_id"
|
|
|
:text_content="book_read_data_item.book_content" :book_title="book_read_data_item.book_title">
|
|
|
</readPage>
|
|
|
- <settingMenu ref="Menu" v-if="menuShow" @clickCatalog="onClickCatalog"
|
|
|
- @clickPreChapter="onClickPreChapter" @clickNextChapter="onClickNextChapter"
|
|
|
- @clickMode="onClickMode" @clickOpenSetting="onClickOpenSetting"
|
|
|
- @Close="closeMenu" @changeFontSize="onChangeFontSize" @changeBgColor="onChangeBgColor"
|
|
|
- @selectAutoBuy="onSelectAutoBuy" @clickKeep="onClickKeep">
|
|
|
- </settingMenu>
|
|
|
- <chapterCatalog v-if="showChapterList" :items="directoryList" :size="40" :remain="16"
|
|
|
- :scrollHeight="windowHeight*0.6" @clickChar="goToChapter" @Close="showChapterList=false">
|
|
|
- </chapterCatalog>
|
|
|
- <recharge v-if="showRecharge" :coin="getChapterNeedCoin()" @Close="showRecharge=false" @onClickBuy="onClickBuy" @BuyChapter="onBuyChapter"></recharge>
|
|
|
</scroll-view>
|
|
|
+ <settingMenu ref="Menu" v-if="menuShow" @clickCatalog="onClickCatalog"
|
|
|
+ @clickPreChapter="onClickPreChapter" @clickNextChapter="onClickNextChapter"
|
|
|
+ @clickMode="onClickMode" @clickOpenSetting="onClickOpenSetting"
|
|
|
+ @Close="closeMenu" @changeFontSize="onChangeFontSize" @changeBgColor="onChangeBgColor"
|
|
|
+ @selectAutoBuy="onSelectAutoBuy" @clickKeep="onClickKeep">
|
|
|
+ </settingMenu>
|
|
|
+ <chapterCatalog v-if="showChapterList" :items="directoryList" :size="40" :remain="16"
|
|
|
+ :scrollHeight="windowHeight*0.6" @clickChar="goToChapter" @Close="showChapterList=false">
|
|
|
+ </chapterCatalog>
|
|
|
+ <recharge v-if="showRecharge" :coin="getChapterNeedCoin()" @Close="showRecharge=false" @onClickBuy="onClickBuy" @BuyChapter="onBuyChapter"></recharge>
|
|
|
</template>
|
|
|
|
|
|
<script setup lang="ts">
|
|
@@ -472,4 +472,39 @@
|
|
|
z-index: 1; /* 确保内容在背景之上 */
|
|
|
/* 其他样式... */
|
|
|
}
|
|
|
+
|
|
|
+ .scroll-container {
|
|
|
+ // position: relative; /* 或者使用 fixed/absolute,根据需要调整 */
|
|
|
+ width: 100vw;
|
|
|
+ // height: 100vh; /* 视口高度 */
|
|
|
+ // overflow: hidden; /* 隐藏超出容器的内容,如果需要的话 */
|
|
|
+ // height: 100%;
|
|
|
+ overflow-y: auto;
|
|
|
+ scrollbar-width: none; /* Firefox */
|
|
|
+ -ms-overflow-style: none; /* IE 10+ */
|
|
|
+ }
|
|
|
+
|
|
|
+ /* 针对Chrome, Safari和Opera等Webkit浏览器 */
|
|
|
+ .scroll-container::-webkit-scrollbar {
|
|
|
+ width: 0;
|
|
|
+ height: 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ /* 隐藏水平滚动条 */
|
|
|
+ .scroll-container::-webkit-scrollbar {
|
|
|
+ width: 0;
|
|
|
+ height: 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ /* 隐藏垂直滚动条 */
|
|
|
+ .scroll-container::-webkit-scrollbar {
|
|
|
+ width: 0;
|
|
|
+ height: 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ /* 同时隐藏水平和垂直滚动条 */
|
|
|
+ .scroll-container::-webkit-scrollbar {
|
|
|
+ width: 0;
|
|
|
+ height: 0;
|
|
|
+ }
|
|
|
</style>
|