From 6565078d7af60fe9496a43a7d3d9bf00f92f0531 Mon Sep 17 00:00:00 2001 From: 闫增涛 <1829501689@qq.com> Date: 星期四, 11 七月 2024 17:38:37 +0800 Subject: [PATCH] 图书bug修改 --- src/books/artAndDance/view/components/chapter005.vue | 63 +++++++++++++++++++------------ 1 files changed, 38 insertions(+), 25 deletions(-) diff --git a/src/books/artAndDance/view/components/chapter005.vue b/src/books/artAndDance/view/components/chapter005.vue index 032ca3e..699ddd4 100644 --- a/src/books/artAndDance/view/components/chapter005.vue +++ b/src/books/artAndDance/view/components/chapter005.vue @@ -19,11 +19,17 @@ class="w100 mb-40" /> <div class="padding-96 fl ju-cn al-cn fl-cl"> - <p class="center share-img-box"> - <img :src="num >= 0 ? crane : rise" alt="" :style="{opacity:num >= 0 ? num / 10 : (-num) / 10 , width:num >= 0 ? '80%' : '70%'}"> - + <p class="center share-img-box fl ju-cn al-end"> + <img + :src="num >= 0 ? crane : rise" + alt="" + :style="{ + opacity: num >= 0 ? num / 10 : -num / 10, + width: num >= 0 ? '80%' : '70%', + }" + /> </p> - <p class="img">鈥滆タ濉炲北鍓嶇櫧楣鈥濆姩浣�</p> + <p class="img">鈥滆タ濉炲北鍓嶇櫧楣鈥濆姩浣�</p> </div> <ul class="pb-box"> <li class="ml-40"> @@ -39,10 +45,7 @@ <div class="page-box" page="22"> <div v-if="showPageList.indexOf(22) > -1"> <div> - <img - src="../../assets/images/chapter-five-header.png" - class="w100" - /> + <img src="../../assets/images/chapter-five-header.png" class="w100" /> </div> <div class="padding-96"> <h2 class="lefth2" id="b001"> @@ -66,11 +69,21 @@ <ul class="fl fl-cl al-cn audio-box"> <li class="fl al-cn"> <span class="wh-nr auido-text mr-8">鐢风闊�</span> - <audio :src="auidoPathOne" controls controlslist="noplaybackrate nodownload" class="audio" ></audio> + <audio + :src="auidoPathOne" + controls + controlslist="noplaybackrate nodownload" + class="audio" + ></audio> </li> <li class="fl al-cn mt-20"> <span class="wh-nr auido-text mr-8"> 濂崇闊� </span> - <audio :src="auidoPathTwo" controls controlslist="noplaybackrate nodownload" class="audio" ></audio> + <audio + :src="auidoPathTwo" + controls + controlslist="noplaybackrate nodownload" + class="audio" + ></audio> </li> </ul> <h3 id="c015">娓旀瓕瀛�</h3> @@ -112,7 +125,7 @@ controls controlslist="nodownload" class="w100 video" - style="margin:38px 0" + style="margin: 38px 0" ></video> <h2 class="lefth2" id="b003"> <img class="img-gn" alt="" src="../../assets/images/czysj.jpg" /> @@ -175,8 +188,8 @@ auidoPathOne: "", auidoPathTwo: "", num: 0, - crane:require("../../assets/images/crane.png"), - rise:require("../../assets/images/rise.png") + crane: require("../../assets/images/crane.png"), + rise: require("../../assets/images/rise.png"), }; }, unmounted() { @@ -200,24 +213,24 @@ ); }, addNum() { - this.addTimer = setInterval(() => { - if(this.num < 10) { - this.num ++ + this.addTimer = setInterval(() => { + if (this.num < 10) { + this.num++; } else { - clearInterval(this.addTimer) - this.cutNum() + clearInterval(this.addTimer); + this.cutNum(); } - },200) + }, 200); }, cutNum() { - this.cutTimer = setInterval(() => { - if(this.num > -10) { - this.num -- + this.cutTimer = setInterval(() => { + if (this.num > -10) { + this.num--; } else { - clearInterval(this.cutTimer) - this.addNum() + clearInterval(this.cutTimer); + this.addNum(); } - },200) + }, 200); }, }, }; -- Gitblit v1.9.1