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/chapter001.vue | 69 ++++++++++++++++++++++++++++++++++
1 files changed, 69 insertions(+), 0 deletions(-)
diff --git a/src/books/artAndDance/view/components/chapter001.vue b/src/books/artAndDance/view/components/chapter001.vue
index e69de29..114e433 100644
--- a/src/books/artAndDance/view/components/chapter001.vue
+++ b/src/books/artAndDance/view/components/chapter001.vue
@@ -0,0 +1,69 @@
+<template>
+ <div class="chapter" num="1">
+ <div class="page-box" page="4">
+ <div v-if="showPageList.indexOf(4) > -1">
+ <img class="img-0" alt="" src="../../assets/images/dy1.jpg" />
+ </div>
+ </div>
+ <div class="page-box" page="5">
+ <div v-if="showPageList.indexOf(5) > -1" class="pg-mh fl fl-cl ju-bt">
+ <img
+ src="../../assets/images/pageContentHeader.jpg"
+ alt=""
+ class="w100 mb-40"
+ />
+ <div class="padding-96">
+ <p class="center">
+ <img class="img-a" alt="" src="../../assets/images/image6-1.jpg" />
+ </p>
+ <h2 class="lefth2" id="b001">
+ <img class="img-gn" alt="" src="../../assets/images/rhybx.jpg" />
+ </h2>
+ <h3 id="c001" class="fw-400 fz-26 mb-20">鍏冪礌</h3>
+ <p class="block2 fw-400 fz-26">鍗曟墜鎸ュ埆</p>
+ <p class="block1 w70"><span class="ls fz-26">鈥斺�斿崟鏅冩墜</span></p>
+ <p class="block2 fz-26">鍙屾墜鎸ュ埆</p>
+ <p class="block1 w70"><span class="ls fz-26">鈥斺�斿弻鏅冩墜</span></p>
+ <p class="block2 fz-26">閰嶅悎姝ヤ紣</p>
+ <p class="block1 w70"><span class="ls fz-26">鈥斺�斾笂姝ユ檭鎵�</span></p>
+ </div>
+
+ <ul>
+ <li class="ml-40">
+ <img src="../../assets/images/icon/tree.jpg" >
+ <span class="dl-ib">
+ 2
+ </span>
+ </li>
+ <li>
+ <img class="img-0" alt="" src="../../assets/images/ym.jpg" />
+ </li>
+ </ul>
+
+ </div>
+ </div>
+ </div>
+</template>
+
+<script>
+export default {
+ name: "chapterOne",
+ props: {
+ showPageList: {
+ type: Array,
+ },
+ },
+};
+</script>
+
+<style lang="less" scoped>
+ .w70 {
+ width: 78%;
+ }
+ .fw-400 {
+ font-weight: 400 !important;
+ }
+ .fz-26 {
+ font-size: 26px !important;
+ }
+</style>
--
Gitblit v1.9.1