From b83dfcd4b8c31b2ba07770157d5ef0aba828e72d Mon Sep 17 00:00:00 2001
From: user1 <10901603+no-distractions1@user.noreply.gitee.com>
Date: 星期四, 13 六月 2024 11:56:44 +0800
Subject: [PATCH] drama优化
---
src/books/artAndDrama/view/components/chapter001.vue | 43 ++++++++++++++++++++++++-------------------
1 files changed, 24 insertions(+), 19 deletions(-)
diff --git a/src/books/artAndDrama/view/components/chapter001.vue b/src/books/artAndDrama/view/components/chapter001.vue
index 288d87f..cc77a5c 100644
--- a/src/books/artAndDrama/view/components/chapter001.vue
+++ b/src/books/artAndDrama/view/components/chapter001.vue
@@ -5,7 +5,7 @@
<h1 id="a004">
<!-- 杩欓噷鐨勫姩鍥炬湁闂锛屾病鏈夎儗鏅浘鐗� -->
<img class="img-0" alt="" src="../../assets/images/dy1.jpg" />
- <audio :src="auidoPathOne" controls></audio>
+ <audio :src="auidoPathOne" class="audio" controls></audio>
</h1>
<div class="bodystyle">
<div class="bk">
@@ -47,7 +47,7 @@
>澶у０鏈楄涓嬮潰鐨勫彞瀛愶紝杩炰竴杩炰笉鍚岄�昏緫閲嶉煶寮鸿皟鐨勬剰鎬濄��
</p>
<h1>
- <audio :src="auidoPathTwo" controls></audio>
+ <audio :src="auidoPathTwo" class="audio" controls></audio>
</h1>
<p>灏忔彁绀猴細鍔犵偣鐨勬枃瀛椾负鏈彞璇濅腑鐨勯�昏緫閲嶉煶锛屽湪鏈楄鍙戦煶鏃惰閲嶈銆�</p>
<!-- 杩炵嚎棰� -->
@@ -55,10 +55,16 @@
</div>
<p><br /></p>
<!-- 姝ゆ涓洪〉鑴氶儴鍒嗭紙闇�瑕佽缃〉鐮侊級 -->
- <div style="position: relative; ">
+ <div style="position: relative;">
+ <h1 style="position: relative; z-index: 1;">
+ <img class="img-0" alt="" src="../../assets/images/ym.jpg" />
+ <div style="position: absolute; z-index: 99; background-color: rgba(208,226,179); width: 30px; height: 30px; border-radius: 50%; left: 98px; bottom: 38px; text-align: center; line-height: 30px; font-size: 20px;">2</div>
+ </h1>
+ </div>
+ <!-- <div style="position: relative; ">
<div style="position: absolute; z-index: 99;background-color: rgba(208,226,179); width: 30px; height: 30px; border-radius: 50%; left: 98px; top: 38px; text-align: center; font-size: 25px;">2</div>
<h1 style="position: relative; z-index: 1;"><img class="img-0" alt="" src="../../assets/images/ym.jpg" /></h1>
- </div>
+ </div> -->
</div>
</div>
<div class="page-box" page="6" style="min-height: auto">
@@ -124,13 +130,13 @@
<img src="../../assets/images/page5.png" alt="" />
<h2 id="b002">绗簩璇俱��娲ユ触涔愰亾</h2>
<h3 class="lefth3" id="c003">
- <img class="img-gn1" alt="" src="image/rhybx.jpg" />
+ <img class="img-gn1" alt="" src="../../assets/images/rhybx.jpg" />
</h3>
<p>
<span class="hs1">鈼�</span
>璇峰皢浠ヤ笅璇炬枃閫夋澶у０鏈楄鍑烘潵锛屽姞鐐圭殑瀛楄閲嶈銆�
</p>
- <h1><audio :src="auidoPathThree" controls></audio></h1>
+ <h1><audio :src="auidoPathThree" class="audio" controls></audio></h1>
<div class="bj3">
<p class="center">
@@ -154,7 +160,7 @@
</p>
</div>
<h3 class="lefth3" id="c004">
- <img class="img-gn1" alt="" src="image/czysj.jpg" />
+ <img class="img-gn1" alt="" src="../../assets/images/czysj.jpg" />
</h3>
<p>
<span class="hs1">鈼�</span
@@ -199,7 +205,7 @@
<span class="hs1">鈼�</span
>璇峰皢浠ヤ笅璇炬枃閫夋澶у０鏈楄鍑烘潵锛屽姞鐐圭殑瀛楄閲嶈銆�
</p>
- <h1><audio :src="auidoPathTwo" controls></audio></h1>
+ <h1><audio :src="auidoPathTwo" class="audio" controls></audio></h1>
<div class="bj3">
<p class="center">
<span class="hs"
@@ -225,13 +231,7 @@
>鐨勩��
</p>
</div>
- <h3 class="lefth3" id="c006">
- <img class="img-gn1" alt="" src="image/czysj.jpg" />
- </h3>
- <p class="center">
- <img class="img-e" alt="" src="image/0010-1.jpg" />
- </p>
- <hr />
+ <hr />
<p class="note">
<a id="m1">1</a>
鏈辫嚜娓咃細銆婃槬銆嬶紝瑙佹俯鍎掓晱绛夛細銆婁箟鍔℃暀鑲叉暀绉戜功 璇枃
@@ -309,7 +309,7 @@
>璇峰皢浠ヤ笅璇炬枃閫夋澶у０鏈楄鍑烘潵锛屽姞鐐圭殑瀛楄閲嶈銆�
</p>
<h1>
- <audio :src="auidoPathTwo" controls></audio>
+ <audio :src="auidoPathTwo" class="audio" controls></audio>
</h1>
<div class="bj3">
@@ -485,7 +485,7 @@
showPageList: {
type: Array,
},
- },
+ },
//鍦ㄨ繖閲屽璋冪敤鐨勬柟娉曡繘琛屾寕杞�
mounted() {
this.getVidoePath();
@@ -663,8 +663,6 @@
};
},
-
-
methods: {
//瑙嗛鍜岄煶棰戠殑MD5鍦板潃
async getVidoePath() {
@@ -690,6 +688,13 @@
"e93c0fdde08be5a4386c8c863892a287"
);
},
+ setBookQuestion() {
+ console.log("淇濆瓨");
+ localStorage.setItem(
+ "english-book-question-one",
+ JSON.stringify(this.questionData)
+ );
+ },
},
};
</script>
--
Gitblit v1.9.1