感谢这个作者的插件：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，查询对容
