| | |
| | | <template> |
| | | <div class="page-content"> |
| | | <!-- <chapterOne></chapterOne> |
| | | <chapterTwo></chapterTwo> |
| | | <chapterThree></chapterThree> |
| | | <chapterFour></chapterFour> |
| | | <chapterFive></chapterFive> |
| | | <chapterSix></chapterSix> |
| | | <chapterSeven></chapterSeven> --> |
| | | <!-- <chapterEight></chapterEight> --> |
| | | <!-- <chapterNine></chapterNine> --> |
| | | <chapterTen></chapterTen> |
| | | <!-- <chapterEleven></chapterEleven> |
| | | <chapterTwelve></chapterTwelve> |
| | | <chapterThirteen></chapterThirteen> --> |
| | | <pageHeader v-if="showCatalogList.indexOf(0) > -1"></pageHeader> |
| | | <chapterOne v-if="showCatalogList.indexOf(1) > -1"></chapterOne> |
| | | <chapterOne v-if="showCatalogList.indexOf(1) > -1"></chapterOne> |
| | | <chapterTwo v-if="showCatalogList.indexOf(2) > -1"></chapterTwo> |
| | | <chapterThree v-if="showCatalogList.indexOf(3) > -1"></chapterThree> |
| | | <chapterFour v-if="showCatalogList.indexOf(4) > -1"></chapterFour> |
| | | <chapterFive v-if="showCatalogList.indexOf(5) > -1"></chapterFive> |
| | | <chapterSix v-if="showCatalogList.indexOf(6) > -1"></chapterSix> |
| | | <chapterSeven v-if="showCatalogList.indexOf(7) > -1"></chapterSeven> |
| | | <chapterEight v-if="showCatalogList.indexOf(8) > -1"></chapterEight> |
| | | <chapterNine v-if="showCatalogList.indexOf(9) > -1"></chapterNine> |
| | | <chapterTen v-if="showCatalogList.indexOf(10) > -1"></chapterTen> |
| | | <chapterEleven v-if="showCatalogList.indexOf(11) > -1"></chapterEleven> |
| | | <chapterTwelve v-if="showCatalogList.indexOf(12) > -1"></chapterTwelve> |
| | | <chapterThirteen v-if="showCatalogList.indexOf(13) > -1"></chapterThirteen> |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | import pageHeader from "./components/header.vue"; |
| | | import chapterOne from "./components/chapter001.vue"; |
| | | import chapterTwo from "./components/chapter002.vue"; |
| | | import chapterThree from "./components/chapter003.vue"; |
| | |
| | | import chapterTwelve from "./components/chapter012.vue"; |
| | | import chapterThirteen from "./components/chapter013.vue"; |
| | | |
| | | |
| | | |
| | | export default { |
| | | name: "temp-book", |
| | | data() { |
| | | return { |
| | | catalogLength: 13, |
| | | showCatalogList: [] |
| | | }; |
| | | }, |
| | | mounted() { |
| | | this.showCatalogList = [0]; |
| | | }, |
| | | methods: {}, |
| | | components: { |
| | | pageHeader, |
| | | chapterOne, |
| | | chapterTwo, |
| | | chapterThree, |
| | |
| | | chapterTen, |
| | | chapterEleven, |
| | | chapterTwelve, |
| | | chapterThirteen, |
| | | }, |
| | | methods: { |
| | | }, |
| | | chapterThirteen |
| | | } |
| | | }; |
| | | </script> |
| | | |