From 72f8190d33b5e6f1b64b848048f315cf530bc6ef Mon Sep 17 00:00:00 2001
From: 闫增涛 <1829501689@qq.com>
Date: 星期五, 31 五月 2024 17:18:05 +0800
Subject: [PATCH] 艺术分页
---
src/books/artAndDance/view/components/header.vue | 110 ++++++++++++++++++++++++++-----------------------------
1 files changed, 52 insertions(+), 58 deletions(-)
diff --git a/src/books/artAndDance/view/components/header.vue b/src/books/artAndDance/view/components/header.vue
index d4f6bea..34bbcab 100644
--- a/src/books/artAndDance/view/components/header.vue
+++ b/src/books/artAndDance/view/components/header.vue
@@ -1,70 +1,59 @@
<template>
<div class="chapter" num="1">
<div class="page-box" page="1">
- <div class="bodystyle">
- <p class="center">
- <img class="img-0" alt="" src="../../assets/images/Cover.jpg" />
- </p>
- </div>
+ <div v-if="showPageList.indexOf(1) > -1"></div>
+ <img class="img-0" alt="" src="../../assets/images/Cover.jpg" />
</div>
<div class="page-box" page="2">
- <div class="bodystyle">
- <p class="center">
- <img class="img-0" alt="" src="../../assets/images/SMY.jpg" />
- </p>
+ <div v-if="showPageList.indexOf(2) > -1">
+ <img class="img-0" alt="" src="../../assets/images/SMY.jpg" />
</div>
</div>
<div class="page-box" page="3">
- <ul class="fl fl-cl ju-bt" style="min-height: 1150px;">
- <li>
- <img src="../../assets/images/pageHeader.png" alt="">
- </li>
- <li>
- <div class="bodystyle">
- <h1 id="a003" class="front">缂栧浼�</h1>
- <hr />
- <p>椤俱��銆�闂細<span class="kaiti">褰悏璞°��鍚曡壓鐢�</span></p>
- <p>涓汇��銆�缂栵細<span class="kaiti">鐜嬫澃</span></p>
- <p>鍓� 涓� 缂栵細<span class="kaiti">浜庢檽闆��寰愭ⅵ濠�</span></p>
- <ul class="fl">
- <li>
- <p class="wh-nr">缂栧啓濮斿憳锛�</p>
- </li>
- <li class="fl fl-cl">
- <span class="kaiti">閭㈤珮鐔欍��鐜嬨��鐜层��鐜嬨��閿︺��宕旀槬鏉�</span>
- <span class="kaiti">鏉庣传钖囥��鍒樿景鏇︺��鏅併��鑾广��鎴村垬棣欎緷</span>
- <span class="kaiti">鏌��鍜忋��寮犺壓鐟躲��灏氬皬闆��鍛ㄣ��鐙�</span>
- </li>
- </ul>
- <p>缇庢湳缁樼敾锛�<span class="kaiti">寮犲鑽�</span></p>
- <p>涓昏鏁欏笀锛�<span class="kaiti">寮犳偊銆�銆�楂樻檽姊�</span></p>
- <ul class="fl">
- <li>
- <p class="wh-nr">琛� 婕� 鑰咃細</p>
- </li>
- <li class="fl fl-cl">
- <span class="kaiti"
- >钁ｆ仼姹愩��濮氭槦鏈点��鍛ㄦ竻绔广��鏈卞婕�</span
- >
- <span class="kaiti"
- >鎴村槈澧ㄣ��楂樺瓙娣囥��鑸掑崥鐟炪��鏇规仼娣�</span
- >
- <span class="kaiti">鍒樺瓙鐠愩��閮戞竻濡�</span>
- </li>
- </ul>
- <p>
-
+ <div v-if="showPageList.indexOf(2) > -1">
+ <ul class="fl fl-cl ju-bt" style="min-height: 1150px">
+ <li>
+ <img src="../../assets/images/pageHeader.png" alt="" class="w100" />
+ </li>
+ <li>
+ <div class="bodystyle">
+ <h1 id="a003" class="front">缂栧浼�</h1>
+ <hr />
+ <p>椤俱��銆�闂細<span class="kaiti">褰悏璞°��鍚曡壓鐢�</span></p>
+ <p>涓汇��銆�缂栵細<span class="kaiti">鐜嬫澃</span></p>
+ <p>鍓� 涓� 缂栵細<span class="kaiti">浜庢檽闆��寰愭ⅵ濠�</span></p>
+ <ul class="fl">
+ <li>
+ <p class="wh-nr">缂栧啓濮斿憳锛�</p>
+ </li>
+ <li class="fl fl-cl">
+ <span class="kaiti">閭㈤珮鐔欍��鐜嬨��鐜层��鐜嬨��閿︺��宕旀槬鏉�</span>
+ <span class="kaiti">鏉庣传钖囥��鍒樿景鏇︺��鏅併��鑾广��鎴村垬棣欎緷</span>
+ <span class="kaiti">鏌��鍜忋��寮犺壓鐟躲��灏氬皬闆��鍛ㄣ��鐙�</span>
+ </li>
+ </ul>
+ <p>缇庢湳缁樼敾锛�<span class="kaiti">寮犲鑽�</span></p>
+ <p>涓昏鏁欏笀锛�<span class="kaiti">寮犳偊銆�銆�楂樻檽姊�</span></p>
+ <ul class="fl">
+ <li>
+ <p class="wh-nr">琛� 婕� 鑰咃細</p>
+ </li>
+ <li class="fl fl-cl">
+ <span class="kaiti">钁ｆ仼姹愩��濮氭槦鏈点��鍛ㄦ竻绔广��鏈卞婕�</span>
+ <span class="kaiti">鎴村槈澧ㄣ��楂樺瓙娣囥��鑸掑崥鐟炪��鏇规仼娣�</span>
+ <span class="kaiti">鍒樺瓙鐠愩��閮戞竻濡�</span>
+ </li>
+ </ul>
+ <p></p>
+ <p>銆�銆�銆�銆�銆�</p>
+ <p>銆�銆�銆�銆�銆�</p>
+ </div>
+ <p class="center">
+ <img class="img-0" alt="" src="../../assets/images/ym.jpg" />
</p>
- <p>
- 銆�銆�銆�銆�銆�
- </p>
- <p>銆�銆�銆�銆�銆�</p>
- </div>
- <p class="center">
- <img class="img-0" alt="" src="../../assets/images/ym.jpg" />
- </p>
- </li>
- </ul>
+ </li>
+ </ul>
+ </div>
</div>
</div>
</template>
@@ -72,6 +61,11 @@
<script>
export default {
name: "pageHeader",
+ props: {
+ showPageList: {
+ type: Array,
+ },
+ },
};
</script>
--
Gitblit v1.9.1