更新记录

1.0.1（2019-12-14） 下载此版本

精简代码，去掉非必要文件

1.0.0（2019-12-12） 下载此版本

实现功能

识别电子书栏目 电子书进度条 设置背景颜色 设置字体大小 设置字体间距 触摸翻页 返回上一页

平台兼容性

按照uni-app正常的引入内部web页面一样的流程引入当前文件即可

引入html教程 URL.

具体方法

<template>  
    <view>  
        <web-view :src="websrc"></web-view>  
    </view>  
</template>  

<script>  
    export default { 
    data() {
        return {
            websrc: '',
        };
    },
    onLoad(option) {
        let that = this;
         //url-equb电子书的下载路径
        let url=option.weburl;
        //#ifdef APP-PLUS
        uni.getSystemInfo({
            success: function(res) {
                //platform-区分ios与安卓
                that.platform=res.platform;
                uni.showLoading({
                    title: '电子书加载中...'
                });
                //tname-电子书名称
                that.websrc = '/hybrid/html/index.html?plat=' + res.platform + '&h=' + res.statusBarHeight+'&url='+encodeURIComponent(url)+'&tname='+encodeURI(option.name);
                setTimeout(function () {
                    uni.hideLoading();
                }, 5000);
            }
        });
        //#endif
    },
    }  
</script>