為何沒顯示封面的效果
跟著你一起操作，但是我自己下了個epub電子書， 放static里，為何沒顯示封面的效果，，
qq_嶸歸_0
2018-09-12
2 回答
舉報
0/150
提交
取消
2018-09-12
你好，這個現(xiàn)象比較抽象，能否提供一下源碼，看下你的實現(xiàn)過程
2018-09-12
照著你的代碼寫的，提示如圖錯誤
<template>
? <div class="ebook">
? ? <div class="read-wrapper">
? ? ? <div id="read"></div>
? ? ? <div class="mask">
? ? ? ? <div class="left"></div>
? ? ? ? <div class="center"></div>
? ? ? ? <div class="right"></div>
? ? ? </div>
? ? </div>
? </div>
</template>
<script>
?import Epub from 'epubjs'
?const urlm = '/static/富爸爸窮爸爸.epub'
?global.epub = Epub
?export default {
? ?methods: {
? ? ?showEpub () {
? ? ? ?this.book = new Epub(urlm)
? ? ? ?this.rendition = this.book.renderTo('read', {
? ? ? ? ?width: window.innerWidth,
? ? ? ? ?height: window.innerHeight
? ? ? ?})
? ? ? ?this.rendition.display()
? ? ?}
? ?},
? ?mounted () {
? ? ?this.showEpub()
? ?}
}
</script>
<style scoped>
?@import 'assets/styles/global';
?.ebook{
? ?position: relative;
? ?.read-wrapper{
? ? ?.mask{
? ? ? ?position: absolute;
? ? ? ?top: 0;
? ? ? ?left: 0;
? ? ? ?z-index: 100;
? ? ? ?display: flex;
? ? ? ?width: 100%;
? ? ? ?height: 100%;
? ? ? ?.left{
? ? ? ? ?flex: 0 0 px2rem(100);
? ? ? ? ?background: yellow;
? ? ? ? }
? ? ? ? .center{
? ? ? ? ? flex: 1;
? ? ? ? ? background: red;
? ? ? ? }
? ? ? ? .right{
? ? ? ? ?flex: 0 0 px2rem(100);
? ? ? ? ?background: orange;
? ? ? ? }
? ? ?}
? ?}??
?}
</style>