uniapp 修改小说阅读器

柔光的暖阳◎ 2024-04-22 15:11 74阅读 0赞

感谢这个作者的插件：[https://ext.dcloud.net.cn/plugin?id=2485][https_ext.dcloud.net.cn_plugin_id_2485]

![e71745e72c6c7cffcb67cabdcc58cafd.jpeg][]

## 1. 搬入后page `TypeError: Cannot read property 'page' of undefined` ##

![cbdee0e2eac4476db90279268cede241.png][]

该问题已经解决，有两种方法。第一种：直接注释掉 ，第二种 修改为vue3的方式

// 取消ios左滑返回
    let pages =  getCurrentPages();
    let pageTemp = pages[pages.length - 1];
    let page = pageTemp.$getAppWebview(); 
    // let page = this.$mp.page.$getAppWebview()
    page.setStyle({
        popGesture: 'none'
    })

## 2. 现在是左侧页面挤走了一段距离，导致页面显示不完 ##

我应该对比一下两个项目显示效果，找到出现问题DOM节点，给container添加属性： box-sizing: border-box

## 3. 那些图标没显示 ##

直接导入阿里巴巴的图库资源

@font-face {
              font-family: 'iconfont' ;  /* project id 1997429 */
              src: url('https://at.alicdn.com/t/font_1997429_8xzvctxta3u.eot');
              src: url('https://at.alicdn.com/t/font_1997429_8xzvctxta3u.eot?#iefix') format('embedded-opentype'),
              url('https://at.alicdn.com/t/font_1997429_8xzvctxta3u.woff2') format('woff2'),
              url('https://at.alicdn.com/t/font_1997429_8xzvctxta3u.woff') format('woff'),
              url('https://at.alicdn.com/t/font_1997429_8xzvctxta3u.ttf') format('truetype'),
              url('https://at.alicdn.com/t/font_1997429_8xzvctxta3u.svg#iconfont') format('svg');
        }
        .iconfont{
            font-family:"iconfont" !important;
            font-style:normal;
            -webkit-font-smoothing: antialiased;
            -webkit-text-stroke-width: 0.2px;
            -moz-osx-font-smoothing: grayscale;
        }

主要是忘记了将app.vue页面中的样式搬进去

## 4. 替换目录数据 和 内容数据 ##

获取章节目录方法名：getDirectoryList ，直接根据书籍id ，查找目录结构

获取当前章节的内容：getOneChapter ，根据目录章节id，查询对容

[https_ext.dcloud.net.cn_plugin_id_2485]: https://ext.dcloud.net.cn/plugin?id=2485
[e71745e72c6c7cffcb67cabdcc58cafd.jpeg]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/22/045d6525c53e42828b22f5c1df1f9499.jpeg
[cbdee0e2eac4476db90279268cede241.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/22/e3289fdb745d4712a3218bf94afd0d14.png