| | |
| | | <template> |
| | | <div class="chapter" num="1"> |
| | | <!-- 封面 --> |
| | | <div class="page-box cover" page="1"> |
| | | <div class="page-box cover mt-20" page="1" style="min-height:auto"> |
| | | <div v-if="showPageList.indexOf(1) > -1"> |
| | | <img src="../../../assets/images/Covers.jpg" alt="" /> |
| | | </div> |
| | | </div> |
| | | <div class="page-box cover" page="2"> |
| | | <div class="page-box cover" page="2" style="min-height:auto"> |
| | | <div v-if="showPageList.indexOf(2) > -1"> |
| | | <img src="../../../assets/images/Cover.jpg" alt="" /> |
| | | </div> |
| | |
| | | </template> |
| | | |
| | | <script> |
| | | import evenHeaderVue from "../../components/pageHeader/evenHeader.vue"; |
| | | export default { |
| | | name: "page-header", |
| | | components: { evenHeaderVue }, |
| | | showPageList:{ |
| | | type:Array, |
| | | default:[] |
| | | } |
| | | props: { |
| | | showPageList: { |
| | | type: Array, |
| | | default: [], |
| | | }, |
| | | }, |
| | | }; |
| | | </script> |
| | | |
| | |
| | | object-fit: contain; |
| | | } |
| | | .box { |
| | | width: 400px; |
| | | max-width: 400px; |
| | | margin: 0 auto; |
| | | } |
| | | .line { |