From 8ed02cf40e1373bf02e0b193f27d3437e90bcdef Mon Sep 17 00:00:00 2001
From: YM <479443481@qq.com>
Date: 星期五, 31 五月 2024 18:42:24 +0800
Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout
---
src/books/artAndDance/view/components/chapter001.vue | 173 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 173 insertions(+), 0 deletions(-)
diff --git a/src/books/artAndDance/view/components/chapter001.vue b/src/books/artAndDance/view/components/chapter001.vue
index e69de29..7e89263 100644
--- a/src/books/artAndDance/view/components/chapter001.vue
+++ b/src/books/artAndDance/view/components/chapter001.vue
@@ -0,0 +1,173 @@
+<template>
+ <div class="chapter" num="2">
+ <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 class="page-box" page="6">
+ <div v-if="showPageList.indexOf(6) > -1">
+ <div>
+ <img src="../../assets/images/chapter-one-header.png" class="w100" />
+ </div>
+ <div class="padding-96">
+ <h3 id="c002">绌洪棿涓庢柟鍚�</h3>
+ <p class="block2">楂樸�佷腑绌洪棿</p>
+ <p class="block2">1銆�2銆�4銆�8鐐规柟鍚�</p>
+ <h2 class="lefth2" id="b002">
+ <img class="img-gn" alt="" src="../../assets/images/xsyty.jpg" />
+ </h2>
+ <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>
+ <h3 id="c003">榛勯工妤奸�佸瓱娴╃劧涔嬪箍闄�</h3>
+ <p class="block2">銆斿攼銆曟潕鐧�</p>
+ <p class="block2">鏁呬汉瑗胯緸榛勯工妤硷紝</p>
+ <p class="block2">鐑熻姳涓夋湀涓嬫壃宸炪��</p>
+ <p class="block2">瀛ゅ竼杩滃奖纰х┖灏斤紝</p>
+ <p class="block2">鍞闀挎睙澶╅檯娴併��</p>
+ <p class="center">
+ <img class="img-g" alt="" src="image/i0007-1.jpg" />
+ </p>
+ <h2 class="lefth2" id="b003">
+ <img class="img-gn" alt="" src="image/czysj.jpg" />
+ </h2>
+ </div>
+ <ul>
+ <li class="fl ju-end mr-40">
+ <div>
+ <span class="dl-ib"> 3 </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="7">
+ <div v-if="showPageList.indexOf(7) > -1" class="pg-mh">
+ <img
+ src="../../assets/images/pageContentHeader.jpg"
+ alt=""
+ class="w100 mb-40"
+ />
+ <div class="padding-96">
+ <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" id="b004">
+ <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="image/ym.jpg" /></p>
+ </div>
+ <ul class="pb-box">
+ <li class="ml-40">
+ <img src="../../assets/images/icon/tree.jpg" />
+ <span class="dl-ib"> 4 </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: "chapterOne",
+ props: {
+ showPageList: {
+ type: Array,
+ },
+ },
+ mounted() {
+ this.getVidoePath();
+ },
+ data() {
+ return {
+ videoPathOne: "",
+ };
+ },
+ methods: {
+ getVidoePath() {
+ this.videoPathOne = getResourcePath("db8040667457cc6fc9b0209009acb316");
+ },
+ },
+};
+</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