From 9872bbde1e73cc8cef4620fe594ba2f7be3ec668 Mon Sep 17 00:00:00 2001 From: Dragon <13925835632@139.com> Date: Fri, 29 Mar 2024 14:42:50 +0800 Subject: [PATCH] =?UTF-8?q?=E5=8E=A8=E6=88=BF=E9=9F=B3=E6=95=88=E6=9A=82?= =?UTF-8?q?=E5=AD=98?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- view/peko/activity/act-kitchen/css/index.css | 8 +++++ view/peko/activity/act-kitchen/css/index.scss | 8 +++++ view/peko/activity/act-kitchen/images/bo.png | Bin 0 -> 1450 bytes view/peko/activity/act-kitchen/images/jin.png | Bin 0 -> 1525 bytes view/peko/activity/act-kitchen/index.html | 14 ++++++++ view/peko/activity/act-kitchen/js/index.js | 30 ++++++++++++++++++ 6 files changed, 60 insertions(+) create mode 100644 view/peko/activity/act-kitchen/images/bo.png create mode 100644 view/peko/activity/act-kitchen/images/jin.png diff --git a/view/peko/activity/act-kitchen/css/index.css b/view/peko/activity/act-kitchen/css/index.css index 24e8048..7fbfcad 100644 --- a/view/peko/activity/act-kitchen/css/index.css +++ b/view/peko/activity/act-kitchen/css/index.css @@ -40,6 +40,14 @@ html { top: 1.18667rem; } +.header .muciek { + width: 0.8rem; + height: 0.8rem; + position: absolute; + right: 0.1rem; + top: 2.0rem; +} + .header .record_icon { width: 1.57333rem; height: 0.61333rem; diff --git a/view/peko/activity/act-kitchen/css/index.scss b/view/peko/activity/act-kitchen/css/index.scss index dfce7eb..5530e96 100644 --- a/view/peko/activity/act-kitchen/css/index.scss +++ b/view/peko/activity/act-kitchen/css/index.scss @@ -43,6 +43,14 @@ html { top: px2rem(89); } + .muciek { + width: px2rem(60); + height: px2rem(60); + position: absolute; + right: 0.1rem; + top: 2.0rem; + } + .record_icon { width: px2rem(118); height: px2rem(46); diff --git a/view/peko/activity/act-kitchen/images/bo.png b/view/peko/activity/act-kitchen/images/bo.png new file mode 100644 index 0000000000000000000000000000000000000000..c61764d13c4eb70a428cd4617bce2bf2ca70f54c GIT binary patch literal 1450 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 + @@ -311,6 +312,19 @@ + + + + + + + diff --git a/view/peko/activity/act-kitchen/js/index.js b/view/peko/activity/act-kitchen/js/index.js index a807cba..772efed 100644 --- a/view/peko/activity/act-kitchen/js/index.js +++ b/view/peko/activity/act-kitchen/js/index.js @@ -39,6 +39,9 @@ let type = 1 let pageSize = 20 let page = 1 let pageSizeLack = true; +var audioIf = true; +var backgroundMusic = document.getElementById('backgroundMusic'); +var lotteryMusic = document.getElementById('lotteryMusic'); $(function () { getInfoFromClient() setTimeout(function () { @@ -96,6 +99,9 @@ function getNewestAct () { listItem(roundId); if (startTime <= userComeinTime && userComeinTime < drawStageStartTime) { // 第一階段 + if (audioIf) { + backgroundMusic.play(); + } console.log("第一階段"); countupTimes = Math.floor(((drawStageStartTime - startTime) - (userComeinTime - startTime)) / 1000 + 1); countup(1); @@ -103,6 +109,11 @@ function getNewestAct () { $('.result_popup').hide(); } else if (drawStageStartTime <= userComeinTime && userComeinTime < showResultStageStartTime) { // 第二階段 + backgroundMusic.pause(); + lotteryMusic.currentTime = 0; + lotteryMusic.volume = 100 / 100; + lotteryMusic.play(); + console.log("第二階段"); countupTimes = Math.floor(((showResultStageStartTime - drawStageStartTime) - (userComeinTime - drawStageStartTime)) / 1000 + 1); countup(2); @@ -116,6 +127,10 @@ function getNewestAct () { }, 100); } else if (showResultStageStartTime <= userComeinTime && userComeinTime < endTime) { // 第三階段 + lotteryMusic.pause(); + if (audioIf) { + backgroundMusic.play(); + } console.log("第三階段"); countupTimes = Math.floor(((endTime - showResultStageStartTime) - (userComeinTime - showResultStageStartTime)) / 1000 + 1); countup(3); @@ -300,6 +315,11 @@ function draw (itemId, tais) { $('.box .box_in .sBox').click(function () { var id = $(this).attr('id'); // $(this).children('.qp').show(); + var drawBut = document.getElementById("draw"); + drawBut.pause(); + drawBut.currentTime = 0; // 将当前时间设置为0，可选 + drawBut.play(); + draw(id, $(this)); }) // 去充值按鈕 @@ -491,6 +511,16 @@ $('.shade-mask-fragmentNum .shade-content-fragmentNum .fragmentNum-btn-wrap .con } $('.shade-mask-fragmentNum').hide() }) +$('.muciek').click(function () { + audioIf = !audioIf; + if (audioIf) { + $(this).attr('src', './images/bo.png') + backgroundMusic.play(); + } else { + $(this).attr('src', './images/jin.png') + backgroundMusic.pause(); + } +}) //返回页面 重新请求接口 // var hiddenProperty = 'hidden' in document ? 'hidden' :