修改小说阅读器

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

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

该问题已经解决，有两种方法。第一种：直接注释掉 ，第二种 修改为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，查询对容