Giter Site home page Giter Site logo

legado_web_bookshelf's Introduction

vue3版本 https://github.com/gedoor/legado/tree/master/modules/web


「阅读3.0」 web 端(已打包进阅读3.0,不能设置IP)

本程序为「阅读3.0」的配套 web 端,需要保证手机和电脑在同一局域网内,然后手机端打开 web 服务。

在线地址 http://alanskycn.gitee.io/vip/reader/

具体实现

使用 Vue2 开发

功能特性

  • 本地存储阅读记录与设置
  • 阅读主题切换
  • 夜间模式
  • 字号调节
  • 字体调节
  • 阅读宽度调节

使用方法

node版本大于17,先设置环境变量NODE_OPTIONS

export NODE_OPTIONS=--openssl-legacy-provider
yarn install
#安装项目
yarn serve
#开发模式
yarn build
#打包
yarn lint
#格式化代码
  • 调试的时候可以修改.env.development里面的地址连接手机端调试

预览

legado_web_bookshelf's People

Contributors

celetor avatar dependabot[bot] avatar fanchangwang avatar gedoor avatar loosheng avatar netrvin avatar qianfanguojin avatar taozhiyu avatar xwite avatar zsakvo avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

legado_web_bookshelf's Issues

同一个局域网内,无法Web端电脑看书

电脑端网址:192.168.0.4
手机:192.168.0.102
网关:192.168.0.1
中继是小米路由器:192.168.0.2
网关与小米路由是通过Wifi连接;电脑与小米路由是通过网线连接。

Web端提醒访问失败!
4
3
2
1

您好,希望无限加载可以提前一点

使用场景这样的。
使用浏览器阅读,使用空格进行翻页,如果接近章末了,比如这章还剩半页,此时按空格,会发现内容是有上页的部分内容加上剩下半页组成的一页,并不是使用新的一章的前部分内容。 这样感觉阅读不流畅。 希望可以得到支持

Web 版添加点击屏幕右侧滚动下一页的功能

希望网页版也可以通过点击屏幕 左/右 侧进行滚动翻上下页的功能。
是翻到下一页,不是下一章。

手机平板上的浏览器,没有键盘上下滑动翻页不准确。有时候也是需要在手机上通过网页版看书的。

[Feature Request] 请求增加浏览器看书时跳转源网页的功能

功能描述(请清晰的、详细的描述你想要的功能)

在使用 Web 服务,在浏览器看书时,增加跳转到源网页的功能

期望实现方式(阅读应该如何实现该功能)

增加跳转按钮、或新标签页打开、或增加源网页地址项

附加信息(其他的与功能相关的附加信息)

比如飞卢的小说,基本没有第三方源,所以得订阅,而一些起点小说的最新章现在也看不了,每次都手动打开相应页面,太麻烦了。

效果演示(可以手绘一些草图,或者提供可借鉴的图片)

Wrong narrow media size: @media screen and (max-width: 750px)

The threshold of the small screen layout miniInterface was set to a wrong value. Pads with the width around 800px would have both the tool-bar and the read-bar cutoff the screen.

As can be see in the code

readWidth(width) {
this.chapterTheme.width = width;
let leftToolMargin = -((parseInt(width) + 130) / 2 + 68) + "px";
let rightToolMargin = -((parseInt(width) + 130) / 2 + 52) + "px";
this.leftBarTheme.marginLeft = leftToolMargin;
this.rightBarTheme.marginRight = rightToolMargin;
},

The minimal width for a non-miniInterface screen would be tool-bar + chapter + read-bar + 130.

Since the chapter size is set to 670px, i.e. 68 + 670 + 52 + 130 = 920.

Now the screen is symmetrical, the width has to take the max(tool-bar, read-bar). Therefore the minimum width: 68 * 2 + 670 + 130 = 936px.

The current threshold is set at 750px

@media screen and (max-width: 750px) {
.chapter-wrapper {
padding: 0;

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.