From 9f30214341d224c31efef740e4a4f99a928d1422 Mon Sep 17 00:00:00 2001
From: unknown <qq1940665526@163.com>
Date: 星期一, 03 六月 2024 11:23:07 +0800
Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout
---
src/books/artAndDance/view/components/chapter002.vue | 170 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 170 insertions(+), 0 deletions(-)
diff --git a/src/books/artAndDance/view/components/chapter002.vue b/src/books/artAndDance/view/components/chapter002.vue
new file mode 100644
index 0000000..b1bad73
--- /dev/null
+++ b/src/books/artAndDance/view/components/chapter002.vue
@@ -0,0 +1,170 @@
+<template>
+ <div class="chapter" num="3">
+ <div class="page-box" page="8">
+ <div v-if="showPageList.indexOf(8) > -1">
+ <img class="img-0" alt="" src="../../assets/images/dy2.jpg" />
+ </div>
+ </div>
+ <div class="page-box" page="9">
+ <div v-if="showPageList.indexOf(9) > -1" class="pg-mh">
+ <img
+ src="../../assets/images/pageContentHeader.jpg"
+ alt=""
+ class="w100 mb-40"
+ />
+ <div class="padding-96">
+ <p class="center">
+ <img class="img-b" alt="" src="../../assets/images/image10-1.jpg" />
+ </p>
+ <p class="center">
+ <img class="img-a" alt="" src="../../assets/images/image10-2.jpg" />
+ </p>
+ <p class="img">鈥滅緤瑙掑紡鈥濊垶濮�</p>
+ </div>
+ <ul class="pb-box">
+ <li class="ml-40">
+ <img src="../../assets/images/icon/tree.jpg" />
+ <span class="dl-ib"> 6 </span>
+ </li>
+ <li>
+ <img class="img-0" alt="" src="../../assets/images/ym.jpg" />
+ </li>
+ </ul>
+ </div>
+ </div>
+ <div class="page-box" page="10">
+ <div v-if="showPageList.indexOf(10) > -1" class="pg-mh">
+ <div>
+ <img src="../../assets/images/chapter-two-header.png" class="w100" />
+ </div>
+ <div class="padding-96">
+ <h2 class="lefth2" id="b005">
+ <img class="img-gn" alt="" src="../../assets/images/rhybx.jpg" />
+ </h2>
+ <h3 id="c004">鍏冪礌</h3>
+ <p class="block2">鍗曟寚绔嬩簬澶撮《妯′豢缇婅</p>
+ <p class="block1"><span class="ls">鈥斺�旂緤瑙掑紡</span></p>
+ <p class="block2">鍙岃啙璺簬鍦伴潰</p>
+ <p class="block1"><span class="ls">鈥斺�斿弻璺潗</span></p>
+ <p class="block2">宸﹀彸鑴氫氦鏇胯笍鍦�</p>
+ <p class="block1"><span class="ls">鈥斺�斿師鍦板皬纰庢銆佺Щ鍔ㄥ皬纰庢</span></p>
+ <p class="block2">鑵伴儴鎷ц浆</p>
+ <p class="block1"><span class="ls">鈥斺�旀梺鑵般�佹嫥鑵�</span></p>
+ <h3 id="c005">绌洪棿涓庢柟鍚�</h3>
+ <p class="block2">楂樸�佷腑銆佷綆绌洪棿</p>
+ <p class="block2">1-8鐐规柟鍚�</p>
+ <h2 class="lefth2" id="b006">
+ <img class="img-gn" alt="" src="../../assets/images/xsyty.jpg" />
+ </h2>
+ <h3 id="c006">浜＄緤琛ョ墷</h3>
+ <p class="block2">甯竴鍏�</p>
+ <p class="block2">缇婂晩缇婂晩鍜╁挬鍙紝鏈夊彧灏忕緤涓嶈浜嗐��</p>
+ <p class="block2">澧欏晩澧欏晩鍨掗珮楂橈紝澧欎笂鏈変釜澶х獰绐裤��</p>
+ </div>
+ <ul>
+ <li class="fl ju-end mr-40">
+ <div>
+ <span class="dl-ib"> 7 </span>
+ <img src="../../assets/images/icon/tree.jpg" />
+ </div>
+ </li>
+ <li>
+ <img class="img-0" alt="" src="../../assets/images/ym.jpg" />
+ </li>
+ </ul>
+ </div>
+ </div>
+ <div class="page-box" page="11">
+ <div v-if="showPageList.indexOf(10) > -1" class="pg-mh">
+ <img
+ src="../../assets/images/pageContentHeader.jpg"
+ alt=""
+ class="w100 mb-40"
+ />
+ <div class="padding-96">
+ <p class="block2">缇婂晩缇婂晩鍜╁挬鍙紝缇婂効鍏ㄩ兘鍚撳潖浜嗐��</p>
+ <p class="block2">绐熺绐熺榛戞礊娲烇紝蹇揩琛ヤ笂鎵嶅畨蹇冦��</p>
+ <p class="center">
+ <!-- <img class="img-g" alt="" src="../../assets/images/i0012-1.jpg" /> -->
+ </p>
+ <video
+ :src="videoPathOne"
+ webkit-playsinline="true"
+ x-webkit-airplay="true"
+ playsinline="true"
+ x5-video-orientation="h5"
+ x5-video-player-fullscreen="true"
+ x5-playsinline=""
+ controls
+ class="w100"
+ ></video>
+ <h2 class="lefth2 mt-40" id="b007">
+ <img class="img-gn" alt="" src="../../assets/images/czysj.jpg" />
+ </h2>
+ <div class="bj1">
+ <p class="block">
+ <img
+ class="inline"
+ alt=""
+ src="../../assets/images/dn.png"
+ />杩愮敤鎵�瀛﹁垶韫堝厓绱狅紝璁剧珛涓や釜琛ョ獰绐跨殑鍦烘櫙銆�
+ </p>
+ <p class="block">
+ <img
+ class="inline"
+ alt=""
+ src="../../assets/images/dn.png"
+ />瀛︾敓鑷効鍒嗙粍锛屾瘡缁勮嚜琛岃缃笌璇ユ垚璇瘬鎰忕浉鍏崇殑涓婚锛屽湪鏁欏笀鐨勫紩瀵间笅杩涜鍒涚紪锛屽苟瀵屾湁鎯呮劅鍦板睍绀哄嚭鏉ャ��
+ </p>
+
+ </div>
+ <h2 class="lefth2 mt-40" id="b008">
+ <img class="img-gn1" alt="" src="../../assets/images/tz.jpg" />
+ </h2>
+ <div class="bj2">
+ <p class="block">
+ 鏍规嵁鏈崟鍏冩墍瀛︾殑鑸炶箞鍏冪礌浠ュ強鎴愯瀵撴剰锛屽彂鎸ユ兂璞★紝鍒涚紪鍑烘柊鐨勫崟涓�鑸炶箞鍔ㄤ綔鎴栭�犲瀷鍚с��
+ </p>
+ </div>
+ <!-- <p class="center"><img class="img-0" alt="" src="../../assets/images/ym.jpg" /></p> -->
+ </div>
+ <ul class="pb-box">
+ <li class="ml-40">
+ <img src="../../assets/images/icon/tree.jpg" />
+ <span class="dl-ib"> 8 </span>
+ </li>
+ <li>
+ <img class="img-0" alt="" src="../../assets/images/ym.jpg" />
+ </li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</template>
+
+<script>
+import getResourcePath from "@/assets/methods/resources";
+export default {
+ name: "chapterTwo",
+ props: {
+ showPageList: {
+ type: Array,
+ },
+ },
+ mounted() {
+ this.getVidoePath();
+ },
+ data() {
+ return {
+ videoPathOne: "",
+ };
+ },
+ methods: {
+ getVidoePath() {
+ this.videoPathOne = getResourcePath("f6aaaed901868114d948031615250bed");
+ },
+ },
+};
+</script>
+
+<style lang="scss" scoped></style>
--
Gitblit v1.9.1