<template>
|
<div class="chapter" num='1'>
|
<div class="page-box" page="1">
|
<div v-if="showPageList.indexOf(1) > -1">
|
<div class="bodystyle">
|
<p class="center"><img alt="" class="imz coverImg" src="../../images/Cover.jpg" /></p>
|
</div>
|
</div>
|
</div>
|
<div class="page-box" page="2">
|
<div v-if="showPageList.indexOf(2) > -1">
|
<p class="center"><img alt="" class="imz coverImg" src="../../images/SMY.jpg"/></p>
|
</div>
|
</div>
|
<!-- <div class="page-box" page="3">
|
<div v-if="showPageList.indexOf(3) > -1"></div>
|
</div>
|
<div class="page-box" page="4">
|
<div v-if="showPageList.indexOf(4) > -1"></div>
|
</div>
|
<div class="page-box" page="5">
|
<div v-if="showPageList.indexOf(5) > -1"></div>
|
</div>
|
<div class="page-box" page="6">
|
<div v-if="showPageList.indexOf(6) > -1"></div>
|
</div>
|
<div class="page-box" page="7">
|
<div v-if="showPageList.indexOf(7) > -1"></div>
|
</div> -->
|
</div>
|
</template>
|
<script>
|
export default {
|
name: "front001",
|
props: {
|
showPageList: {
|
type: Array,
|
default: () => [],
|
},
|
},
|
data() {
|
return {
|
};
|
},
|
};
|
</script>
|
