From 23ebc0d9ee7d4b06916478f84b411d0406f11a3a Mon Sep 17 00:00:00 2001
From: 闫增涛 <1829501689@qq.com>
Date: 星期三, 05 六月 2024 18:49:07 +0800
Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout
---
src/books/artAndDance/view/components/chapter001.vue | 56 ++++++++++++++++++++++++++++++++++++++++----------------
1 files changed, 40 insertions(+), 16 deletions(-)
diff --git a/src/books/artAndDance/view/components/chapter001.vue b/src/books/artAndDance/view/components/chapter001.vue
index 0780917..85a7ea2 100644
--- a/src/books/artAndDance/view/components/chapter001.vue
+++ b/src/books/artAndDance/view/components/chapter001.vue
@@ -1,12 +1,14 @@
<template>
- <div class="chapter" num="1">
- <div class="page-box" page="4">
+ <div class="chapter" num="2">
+ <div class="page-box" page="4" style="min-height: auto">
<div v-if="showPageList.indexOf(4) > -1">
<img class="img-0" alt="" src="../../assets/images/dy1.jpg" />
+ <img src="../../assets/images/01.gif" alt="" style="width: 53%;" class="cover-img">
+ <audio></audio>
</div>
</div>
<div class="page-box" page="5">
- <div v-if="showPageList.indexOf(5) > -1" class="pg-mh fl fl-cl ju-bt">
+ <div v-if="showPageList.indexOf(5) > -1" class="pg-mh fl fl-cl">
<img
src="../../assets/images/pageContentHeader.jpg"
alt=""
@@ -14,7 +16,7 @@
/>
<div class="padding-96">
<p class="center">
- <img class="img-a" alt="" src="../../assets/images/image6-1.jpg" />
+ <img class="img-a" alt="" src="../../assets/images/01-2.gif" />
</p>
<h2 class="lefth2" id="b001">
<img class="img-gn" alt="" src="../../assets/images/rhybx.jpg" />
@@ -27,7 +29,7 @@
<p class="block2 fz-26">閰嶅悎姝ヤ紣</p>
<p class="block1 w70"><span class="ls fz-26">鈥斺�斾笂姝ユ檭鎵�</span></p>
</div>
- <ul>
+ <ul class="pb-box">
<li class="ml-40">
<img src="../../assets/images/icon/tree.jpg" />
<span class="dl-ib"> 2 </span>
@@ -50,6 +52,24 @@
<h2 class="lefth2" id="b002">
<img class="img-gn" alt="" src="../../assets/images/xsyty.jpg" />
</h2>
+ <ul class="fl audio-box">
+ <li class="fl al-cn">
+ <span class="wh-nr">鐢风闊�</span>
+ <audio :src="auidoPathOne" controls></audio>
+ </li>
+ <li class="fl al-cn">
+ <span class="wh-nr">
+ 濂崇闊�
+ </span>
+ <audio :src="auidoPathTwo" controls></audio>
+ </li>
+ </ul>
+ <h3 id="c003">榛勯工妤奸�佸瓱娴╃劧涔嬪箍闄�</h3>
+ <p class="block2">銆斿攼銆曟潕鐧�</p>
+ <p class="block2">鏁呬汉瑗胯緸榛勯工妤硷紝</p>
+ <p class="block2">鐑熻姳涓夋湀涓嬫壃宸炪��</p>
+ <p class="block2">瀛ゅ竼杩滃奖纰х┖灏斤紝</p>
+ <p class="block2">鍞闀挎睙澶╅檯娴併��</p>
<video
:src="videoPathOne"
webkit-playsinline="true"
@@ -61,12 +81,6 @@
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>
@@ -88,7 +102,7 @@
</div>
</div>
<div class="page-box" page="7">
- <div v-if="showPageList.indexOf(5) > -1" class="pg-mh">
+ <div v-if="showPageList.indexOf(7) > -1" class="pg-mh">
<img
src="../../assets/images/pageContentHeader.jpg"
alt=""
@@ -124,7 +138,7 @@
<ul class="pb-box">
<li class="ml-40">
<img src="../../assets/images/icon/tree.jpg" />
- <span class="dl-ib"> 2 </span>
+ <span class="dl-ib"> 4 </span>
</li>
<li>
<img class="img-0" alt="" src="../../assets/images/ym.jpg" />
@@ -136,7 +150,7 @@
</template>
<script>
-import getResourcePath from "@/assets/methods/resources";
+import {getResourcePath} from "@/assets/methods/resources";
export default {
name: "chapterOne",
props: {
@@ -150,11 +164,16 @@
data() {
return {
videoPathOne: "",
+ auidoPathOne:"",
+ auidoPathTwo:"",
+
};
},
methods: {
- getVidoePath() {
- this.videoPathOne = getResourcePath("db8040667457cc6fc9b0209009acb316");
+ async getVidoePath() {
+ this.videoPathOne = await getResourcePath("db8040667457cc6fc9b0209009acb316");
+ this.auidoPathOne = await getResourcePath("2c5f6c69b0f9f7a3c03e473cb8c977f5");
+ this.auidoPathTwo = await getResourcePath("e93c0fdde08be5a4386c8c863892a287");
},
},
};
@@ -170,4 +189,9 @@
.fz-26 {
font-size: 26px !important;
}
+.cover-img {
+ position: absolute;
+ top: 33%;
+ left: 23%;
+}
</style>
--
Gitblit v1.9.1