From e533052973bf764afa930b0b132e623c16544559 Mon Sep 17 00:00:00 2001 From: Dragon <13925835632@139.com> Date: Tue, 27 Feb 2024 20:16:07 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8Dbug?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../modules/act-wishingStar/css/index.css | 28 +- .../modules/act-wishingStar/css/index.scss | 28 +- view/peko/modules/act-wishingStar/index.html | 19 +- view/peko/modules/act-wishingStar/js/index.js | 91 +-- view/peko/modules/act-wishingStar/js/index.ts | 535 ------------------ view/peko/modules/act-wishingStar/js/wow.js | 46 ++ 6 files changed, 162 insertions(+), 585 deletions(-) delete mode 100644 view/peko/modules/act-wishingStar/js/index.ts create mode 100644 view/peko/modules/act-wishingStar/js/wow.js diff --git a/view/peko/modules/act-wishingStar/css/index.css b/view/peko/modules/act-wishingStar/css/index.css index e0116c8..e3326bb 100644 --- a/view/peko/modules/act-wishingStar/css/index.css +++ b/view/peko/modules/act-wishingStar/css/index.css @@ -4,6 +4,12 @@ body { background: #F36121; } +.rabbit { + z-index: 999; + width: 0.8rem; + height: 0.8rem; +} + .back { position: fixed; top: 0.93333rem; @@ -289,6 +295,8 @@ body { color: #DE2A21; font-size: 0.24rem; font-weight: 400; + position: absolute; + z-index: 2; } .page1 ul li .wishIng { @@ -362,10 +370,11 @@ body { } .page2 .listBox li { - width: 100%; + width: 99.5%; height: 2.13333rem; background: #804030; overflow: hidden; + margin: 0 auto 0; } .page2 .listBox li .num { @@ -386,6 +395,8 @@ body { background: url(../images/no1.png) no-repeat; background-size: 100% 100%; margin-right: 0.32rem; + margin-top: 0.74667rem; + margin-left: 0.37333rem; } .page2 .listBox li .num2 { @@ -394,6 +405,8 @@ body { background: url(../images/no2.png) no-repeat; background-size: 100% 100%; margin-right: 0.32rem; + margin-top: 0.74667rem; + margin-left: 0.37333rem; } .page2 .listBox li .num3 { @@ -402,6 +415,8 @@ body { background: url(../images/no3.png) no-repeat; background-size: 100% 100%; margin-right: 0.32rem; + margin-top: 0.74667rem; + margin-left: 0.37333rem; } .page2 .listBox li .tx { @@ -451,15 +466,15 @@ body { } .page2 .listBox .li1 { - background: linear-gradient(270deg, rgba(255, 204, 0, 0) 0%, #FFD82C 100%); + background: linear-gradient(270deg, rgba(255, 204, 0, 0.1) 0%, rgba(255, 216, 44, 0.5) 100%); } .page2 .listBox .li2 { - background: linear-gradient(270deg, rgba(109, 139, 209, 0) 0%, #83CCFF 100%); + background: linear-gradient(270deg, rgba(109, 139, 209, 0.1) 0%, rgba(131, 204, 255, 0.5) 100%); } .page2 .listBox .li3 { - background: linear-gradient(270deg, rgba(163, 102, 46, 0) 0%, #DF893F 100%); + background: linear-gradient(270deg, rgba(163, 102, 46, 0.1) 0%, rgba(223, 137, 63, 0.5) 100%); } .page2 .my { @@ -859,6 +874,11 @@ body { display: none; } +.rule .rule_in .ruleText p { + margin-bottom: 0.10667rem; + line-height: 0.45rem; +} + .record { display: none; position: fixed; diff --git a/view/peko/modules/act-wishingStar/css/index.scss b/view/peko/modules/act-wishingStar/css/index.scss index 91274af..2ec15fe 100644 --- a/view/peko/modules/act-wishingStar/css/index.scss +++ b/view/peko/modules/act-wishingStar/css/index.scss @@ -8,6 +8,12 @@ body { background: #F36121; } +.rabbit { + z-index: 999; + width: px2rem(60); + height: px2rem(60); +} + // 返回按钮 .back { position: fixed; @@ -294,6 +300,8 @@ body { color: #DE2A21; font-size: px2rem(18); font-weight: 400; + position: absolute; + z-index: 2; } } @@ -371,10 +379,11 @@ body { } li { - width: 100%; + width: 99.5%; height: px2rem(160); background: #804030; overflow: hidden; + margin: 0 auto 0; .num { width: px2rem(73); @@ -394,6 +403,8 @@ body { background: url(../images/no1.png) no-repeat; background-size: 100% 100%; margin-right: px2rem(24); + margin-top: px2rem(56); + margin-left: px2rem(28); } .num2 { @@ -402,6 +413,8 @@ body { background: url(../images/no2.png) no-repeat; background-size: 100% 100%; margin-right: px2rem(24); + margin-top: px2rem(56); + margin-left: px2rem(28); } .num3 { @@ -410,6 +423,8 @@ body { background: url(../images/no3.png) no-repeat; background-size: 100% 100%; margin-right: px2rem(24); + margin-top: px2rem(56); + margin-left: px2rem(28); } .tx { @@ -461,15 +476,15 @@ body { } .li1 { - background: linear-gradient(270deg, rgba(255, 204, 0, 0) 0%, #FFD82C 100%); + background: linear-gradient(270deg, rgba(255, 204, 0, 0.1) 0%, rgba(255, 216, 44, 0.5) 100%); } .li2 { - background: linear-gradient(270deg, rgba(109, 139, 209, 0) 0%, #83CCFF 100%); + background: linear-gradient(270deg, rgba(109, 139, 209, 0.1) 0%, rgba(131, 204, 255, 0.5) 100%); } .li3 { - background: linear-gradient(270deg, rgba(163, 102, 46, 0) 0%, #DF893F 100%); + background: linear-gradient(270deg, rgba(163, 102, 46, 0.1) 0%, rgba(223, 137, 63, 0.5) 100%); } } @@ -871,6 +886,11 @@ body { &::-webkit-scrollbar { display: none; } + + p{ + margin-bottom: px2rem(8); + line-height: 0.45rem; + } } } diff --git a/view/peko/modules/act-wishingStar/index.html b/view/peko/modules/act-wishingStar/index.html index 0552e94..cac7d1c 100644 --- a/view/peko/modules/act-wishingStar/index.html +++ b/view/peko/modules/act-wishingStar/index.html @@ -155,7 +155,15 @@
- 规则 +

1.購買魔法棒參與許願，1個魔法棒=100鑽；

+

2.許願獎勵：每輪投入滿足規定的魔法棒數量後立即開獎，獎勵將會自動發放至獲獎者背包；

+

3.許願開獎：玩家參與過其中任意物品的許願，開獎後將會有小秘書通知，也可以在【中獎記錄】查看自己的中獎記錄，以及曾經投入過的物品被誰帶走；

+

4.許願榜單：許願榜單分為日榜和總榜，日榜每日00:00更新；

+

5.中獎概率：玩家投入魔法棒數量/規定開獎數量=玩家概率。（提示高概率不代表一定中獎哦）；

+

6.活動結束時間另行通知，請留意小秘書公告；

+

7.如有作弊行為，官方有權清除作弊者所得的所有獎勵；

+

8.有任何疑問請聯繫客服（LINE:pekoyuyin、app內搜索ID：10001、WeChat:sd245376）；

+

9.本活動最終解釋權歸官方所有，並與Apple inc/Google公司無關；

@@ -169,7 +177,7 @@
@@ -240,4 +248,5 @@ + \ No newline at end of file diff --git a/view/peko/modules/act-wishingStar/js/index.js b/view/peko/modules/act-wishingStar/js/index.js index 17fdc6e..4e35813 100644 --- a/view/peko/modules/act-wishingStar/js/index.js +++ b/view/peko/modules/act-wishingStar/js/index.js @@ -78,7 +78,7 @@ function getConfig () {
許願進度
- +

${res.process}/${res.max}

@@ -101,12 +101,11 @@ function getConfig () { }) } // 刷新接口 -$('.page1 .update').click(function(){ +$('.page1 .update').click(function () { getConfig(); }) -// 购买魔法棒接口 +// 榜单接口 function getRank (type) { - $('.page2 .listBox li').remove() showLoading() networkRequest({ type: 'get', @@ -117,7 +116,7 @@ function getRank (type) { var str = ''; res.data.rankList.forEach((res, i) => { str += ` -
  • +
  • ${i + 1 > 3 ? res.ranking : ''}
    ${res.nick}
    @@ -128,7 +127,13 @@ function getRank (type) {
    • ` }) + $('.page2 .listBox li').remove() $('.page2 .listBox').append(str); + // 处理自己 + $('.page2 .my .num').text(res.data.meRank.ranking == 0? '未上榜' : res.data.meRank.ranking); + $('.page2 .my .tx').attr('src',res.data.meRank.avatar); + $('.page2 .my .name').text(res.data.meRank.nick); + $('.page2 .my .right p').text(res.data.meRank.score); } else { toastMsg(res.message) } @@ -173,7 +178,6 @@ var page = 1; var isLock = true; // 中奖记录接口 function listLuckyRecord (page) { - $('.record .record_in .ul1 li').remove(); networkRequest({ type: 'get', url: urlPrefix + '/promiseStar/listLuckyRecord', @@ -182,10 +186,10 @@ function listLuckyRecord (page) { if (res.code === 200) { if (res.data.length == 0) { isLock = false; - } - var str = ''; - res.data.forEach((res, i) => { - str += ` + } else { + var str = ''; + res.data.forEach((res, i) => { + str += `

  • ${dateFormat(res.createTime, 'hh:mm:ss')}

    @@ -197,9 +201,11 @@ function listLuckyRecord (page) {
    • ` - }) - $('.record .record_in .ul1').append(str); - isLock = true; + }) + $('.record .record_in .ul1 li').remove(); + $('.record .record_in .ul1').append(str); + isLock = true; + } } else { toastMsg(res.message) } @@ -214,7 +220,6 @@ function listLuckyRecord (page) { } // 参与记录 function listRoundRecord (page) { - $('.record .record_in .ul2 li').remove(); networkRequest({ type: 'get', url: urlPrefix + '/promiseStar/listRoundRecord', @@ -223,11 +228,11 @@ function listRoundRecord (page) { if (res.code === 200) { if (res.data.length == 0) { isLock = false; - } - var str = ''; - res.data.forEach((res, i) => { - str += ` -
  • + } else { + var str = ''; + res.data.forEach((res, i) => { + str += ` +

  • ${dateFormat(res.createTime, 'hh:mm:ss')}

    ${dateFormat(res.createTime, 'yyyy-MM-dd')} @@ -242,9 +247,11 @@ function listRoundRecord (page) {
    • ` - }) - $('.record .record_in .ul2').append(str); - isLock = true; + }) + $('.record .record_in .ul2 li').remove(); + $('.record .record_in .ul2').append(str); + isLock = true; + } } else { toastMsg(res.message) } @@ -262,6 +269,10 @@ $('.header .record_icon').click(function () { page = 1; isLock = true; showLoading(); + $('.record .record_in .recordtab div').removeClass('act2').removeClass('act1'); + $('.record .record_in .recordtab div').eq(0).addClass('act1'); + $('.record .record_in .ul1,.record .record_in .ul2').hide(); + $('.record .record_in .ul1').show(); listLuckyRecord(page); $('.record').show(); bodyScroolFun(true); @@ -289,10 +300,9 @@ $('.record .record_in .ul1').scroll(function () { if (scrollTop + ulHeight + 100 >= scrollHeight) { if (isLock) { // 请求下一页 - if (canNext) { - listLuckyRecord(page++) - isLock = false; - } + page = page + 1; + listLuckyRecord(page) + isLock = false; } } }) @@ -304,10 +314,9 @@ $('.record .record_in .ul2').scroll(function () { if (scrollTop + ulHeight + 100 >= scrollHeight) { if (isLock) { // 请求下一页 - if (canNext) { - listRoundRecord(page++) - isLock = false; - } + page = page + 1; + listRoundRecord(page) + isLock = false; } } }) @@ -368,7 +377,7 @@ function magicStick (type, num) { magicStickNum += num; } else { } - magicStickNum <= 1 ? magicStickNum = 1 : magicStickNum = magicStickNum; + magicStickNum <= 0 ? magicStickNum = 0 : magicStickNum = magicStickNum; magicStickNum >= 99999999 ? magicStickNum = 99999999 : magicStickNum = magicStickNum; $('.magicStick .magicStick_in .magicSticks b').text(magicStickNum * 100); $('.magicStick .magicStick_in input').val(magicStickNum); @@ -410,6 +419,9 @@ $('.magicStick').click(function () { }) // 确认购买魔法棒按钮 $('.magicStick .magicStick_in .but').click(function () { + if (magicStickNum <= 0) { + return toastMsg('購買數量不能小於1') + } buyStick(magicStickNum) bodyScroolFun(false); }) @@ -457,7 +469,7 @@ function wishing (type, num) { wishingNum += num; } else { } - wishingNum <= 1 ? wishingNum = 1 : wishingNum = wishingNum; + wishingNum <= 0 ? wishingNum = 0 : wishingNum = wishingNum; wishingNum >= 99999999 ? wishingNum = 99999999 : wishingNum = wishingNum; $('.wishingPop .wishingPop_in input').val(wishingNum); } @@ -492,9 +504,11 @@ $('.wishingPop').click(function () { }) // 许愿按钮 var roundId; +var configId; $('.page1 ul').on('click', 'li .wishIngBut', function () { var stockNum = $(this).attr('stockNum'); roundId = $(this).attr('roundId'); + configId = $(this).attr('configId'); if (stockNum == 0) { toastMsg('该礼物库存不足,无法进行许愿'); return; @@ -504,35 +518,38 @@ $('.page1 ul').on('click', 'li .wishIngBut', function () { // 确认许愿按钮 $('.wishingPop .wishingPop_in .but').click(function () { console.log(wishingNum < mymagicStickNum); + if (wishingNum <= 0) { + return toastMsg('許願數量不能小於1') + } if (wishingNum > mymagicStickNum) { $('.magicStick .magicStick_in h3').text('可用魔法棒不足，请购买'); $('.magicStick').show(); bodyScroolFun(true); } else { - promise(wishingNum, roundId); + promise(wishingNum, configId); bodyScroolFun(false); } }) // 许愿接口 -function promise (num, roundId) { +function promise (num, configId) { showLoading() networkRequest({ type: 'post', url: urlPrefix + '/promiseStar/promise', - data: { num, roundId }, + data: { num, promiseId: configId }, success (res) { if (res.code === 200) { wishingNum = 1; $('.wishingPop .wishingPop_in input').val(wishingNum) toastMsg('参与许愿成功') - getConfig(); - }else if(res.code === 5003){ + } else if (res.code === 5003) { $('.magicStick .magicStick_in h3').text('可用魔法棒不足，请购买'); $('.magicStick').show(); } else { toastMsg(res.message) } + getConfig(); hideLoading(layerIndex) }, error (err) { diff --git a/view/peko/modules/act-wishingStar/js/index.ts b/view/peko/modules/act-wishingStar/js/index.ts deleted file mode 100644 index fbf9699..0000000 --- a/view/peko/modules/act-wishingStar/js/index.ts +++ /dev/null @@ -1,535 +0,0 @@ -let urlPrefix = getUrlPrefix() -let browser = checkVersion() -let env = EnvCheck(); -if (env == 'test') { - new VConsole(); -} -// 封裝layer消息提醒框 -let layerIndex -const showLoading = (content = '加載中...') => { - layer.open({ - type: 2, - shadeClose: false, - content, - success (e) { - layerIndex = $(e).attr('index') - } - }) -} -const hideLoading = (index) => { - layer.close(index) -} -const toastMsg = (content = '操作完成', time = 2) => { - layer.open({ - content, - time, - skin: 'msg' - }) -} -var mymagicStickNum = 0;//魔法棒数量 -var getRankType = 1;//1=今日奖励榜，2=次数总榜 -// 初始化函數 -$(function () { - getInfoFromClient() - setTimeout(function () { - // 頁面全屏 - if (browser.app) { - if (browser.android) { - window.androidJsObj.initShowNav(false) - } else { - window.webkit.messageHandlers.initShowNav.postMessage(0) - } - }; - // 頂部返回事件 - $('.back').click(() => { - if (browser.android) { - window.androidJsObj.closeWebView() - } else { - window.webkit.messageHandlers.closeWebView.postMessage(null) - } - }) - getConfig(); - }, 100) -}) -// 配置接口 -function getConfig () { - $('.page1 ul li').remove() - // showLoading() - networkRequest({ - type: 'get', - url: urlPrefix + '/promiseStar/getConfig', - success (res) { - if (res.code === 200) { - mymagicStickNum = res.data.userStickNum; - $('.page1 .top .centon').text(mymagicStickNum) - var str = ''; - res.data.roundList.forEach(res => { - str += ` -
  • -
    - -
    -
    - ${res.giftName} - - ${res.giftPrice} -
    -
    庫存${res.stockNum}
    -
    許願進度
    -
    -
    - -
    -

    ${res.process}/${res.max}

    -
    -
    已許願${res.userInputNum}次
    - -
    • - ` - }); - $('.page1 ul').append(src); - } else { - toastMsg(res.message) - } - hideLoading(layerIndex) - }, - error (err) { - hideLoading(layerIndex) - toastMsg('網路錯誤，請退出重進') - } - }) -} -// 刷新接口 -$('.page1 .update').click(function(){ - getConfig(); -}) -// 购买魔法棒接口 -function getRank (type) { - $('.page2 .listBox li').remove() - showLoading() - networkRequest({ - type: 'get', - url: urlPrefix + '/promiseStar/getRank', - data: { type }, - success (res) { - if (res.code === 200) { - var str = ''; - res.data.rankList.forEach((res, i) => { - str += ` -
  • -
    ${i + 1 > 3 ? res.ranking : ''}
    - -
    ${res.nick}
    -
    -

    ${res.score}次

    - 許願獲獎次數 -
    -
    • - ` - }) - $('.page2 .listBox').append(str); - } else { - toastMsg(res.message) - } - hideLoading(layerIndex) - }, - error (err) { - hideLoading(layerIndex) - toastMsg('網路錯誤，請退出重進') - } - }) -} -// Tab切换 -$('.header .tabBox').on('click', ' div', function () { - var i = $(this).index() + 1; - $('.header .tabBox div').removeClass('act1').removeClass('act2'); - $(this).addClass(`act${i}`); - $('.page1,.page2').hide(); - $(`.page${i}`).show(); - if (i == 2) { - getRank(getRankType); - } -}) -// 榜单切换 -$('.page2 .listTab div').click(function () { - var i = $(this).index() + 1; - $(this).parent('.listTab').removeClass('tab1').removeClass('tab2'); - $(this).parent('.listTab').addClass(`tab${i}`) - getRankType = i; - getRank(getRankType); -}) -// 打开活动规则弹窗 -$('.header .rule_icon').click(function () { - $('.rule').show(); - bodyScroolFun(true); -}) -// 关闭活动规则弹窗 -$('.rule').click(function () { - $('.rule').hide(); - bodyScroolFun(false); -}) -var page = 1; -var isLock = true; -// 中奖记录接口 -function listLuckyRecord (page) { - $('.record .record_in .ul1 li').remove(); - networkRequest({ - type: 'get', - url: urlPrefix + '/promiseStar/listLuckyRecord', - data: { page, pageSize: 10 }, - success (res) { - if (res.code === 200) { - if (res.data.length == 0) { - isLock = false; - } - var str = ''; - res.data.forEach((res, i) => { - str += ` -
  • -
    -

    ${dateFormat(res.createTime, 'hh:mm:ss')}

    - ${dateFormat(res.createTime, 'yyyy-MM-dd')} -
    -
    -

    獲得：${res.gift.giftName}

    - （${res.gift.goldPrice}鉆石） -
    -
    • - ` - }) - $('.record .record_in .ul1').append(str); - isLock = true; - } else { - toastMsg(res.message) - } - hideLoading(layerIndex) - }, - error (err) { - isLock = true; - hideLoading(layerIndex) - toastMsg('網路錯誤，請退出重進') - } - }) -} -// 参与记录 -function listRoundRecord (page) { - $('.record .record_in .ul2 li').remove(); - networkRequest({ - type: 'get', - url: urlPrefix + '/promiseStar/listRoundRecord', - data: { page, pageSize: 10 }, - success (res) { - if (res.code === 200) { - if (res.data.length == 0) { - isLock = false; - } - var str = ''; - res.data.forEach((res, i) => { - str += ` -
  • -
    -

    ${dateFormat(res.createTime, 'hh:mm:ss')}

    - ${dateFormat(res.createTime, 'yyyy-MM-dd')} -
    -
    -

    許願：${res.gift.giftName}

    - ${res.luckyUser ? '已结束' : '進行中'} -
    -
    -

    ${res.luckyUser ? res.luckyUser.nick : ''}

    - ${res.luckyUser ? '獲得' : ''} -
    -
    • - ` - }) - $('.record .record_in .ul2').append(str); - isLock = true; - } else { - toastMsg(res.message) - } - hideLoading(layerIndex) - }, - error (err) { - isLock = true; - hideLoading(layerIndex) - toastMsg('網路錯誤，請退出重進') - } - }) -} -// 打开参与记录按钮 -$('.header .record_icon').click(function () { - page = 1; - isLock = true; - showLoading(); - listLuckyRecord(page); - $('.record').show(); - bodyScroolFun(true); -}) -// 切换参与记录按钮 -$('.record .record_in .recordtab div').click(function () { - var i = $(this).index() + 1; - $('.record .record_in .recordtab div').removeClass('act1').removeClass('act2'); - $(this).addClass(`act${i}`); - $('.record .record_in .ul2,.record .record_in .ul1').hide(); - console.log(i); - if (i == 1) { - listLuckyRecord(page) - } else { - listRoundRecord(page) - } - $(`.record .record_in .ul${i}`).show(); - return false; -}) -// 监听滚动1 -$('.record .record_in .ul1').scroll(function () { - let scrollTop = $(this).scrollTop() - let scrollHeight = $('.record .record_in .ul1')[0].scrollHeight - let ulHeight = $(this).innerHeight() - if (scrollTop + ulHeight + 100 >= scrollHeight) { - if (isLock) { - // 请求下一页 - if (canNext) { - listLuckyRecord(page++) - isLock = false; - } - } - } -}) -// 监听滚动2 -$('.record .record_in .ul2').scroll(function () { - let scrollTop = $(this).scrollTop() - let scrollHeight = $('.record .record_in .ul2')[0].scrollHeight - let ulHeight = $(this).innerHeight() - if (scrollTop + ulHeight + 100 >= scrollHeight) { - if (isLock) { - // 请求下一页 - if (canNext) { - listRoundRecord(page++) - isLock = false; - } - } - } -}) -// 关闭参与记录按钮 -$('.record').click(function () { - $('.record').hide(); - bodyScroolFun(false); -}) -// 关闭去充值弹窗 -$('.goToPay').click(function () { - $('.goToPay').hide(); - bodyScroolFun(false); -}) -// 关闭购买成功按钮 -$('.buySuccess .buySuccess_in .buySuccessBut').click(function () { - $('.buySuccess').hide(); - bodyScroolFun(false); -}) -// 去充值按钮 -$('.goToPay .goToPay_in .but').click(function () { - if (browser.app) { - if (browser.android) { - let channel = pubInfo.deviceInfo.channel; - console.log(pubInfo.deviceInfo); - if (channel == "google") { - window.androidJsObj.openChargePage(6); - } else { - window.androidJsObj.openChargePage(6); - window.location.href = urlPrefix + '/peko/modules/pay/index.html?channelType=4'; - } - } else if (browser.ios) { - let channel = pubInfo.deviceInfo.channel; - if (channel == "appstore") { - window.webkit.messageHandlers.openChargePage.postMessage(null); - } else { - window.webkit.messageHandlers.chargePayClickPage.postMessage(6); - window.location.href = urlPrefix + '/peko/modules/pay/index.html?channelType=4'; - } - } - } else { - toastMsg('請在app內打開') - } - $('.goToPay').hide(); - bodyScroolFun(false); - return false; -}) -var magicStickNum = 1; -function magicStick (type, num) { - magicStickNum = Number($('.magicStick .magicStick_in input').val()); - if (type == 1) { - // 加 - magicStickNum++; - } else if (type == 2) { - // 减 - magicStickNum--; - } else if (type == 3) { - // 快捷购买 - magicStickNum += num; - } else { - } - magicStickNum <= 1 ? magicStickNum = 1 : magicStickNum = magicStickNum; - magicStickNum >= 99999999 ? magicStickNum = 99999999 : magicStickNum = magicStickNum; - $('.magicStick .magicStick_in .magicSticks b').text(magicStickNum * 100); - $('.magicStick .magicStick_in input').val(magicStickNum); -} -// 打开购买魔法棒弹窗 -$('.page1 .top .but').click(function () { - $('.magicStick .magicStick_in h3').text('購買數量'); - $('.magicStick').show(); - bodyScroolFun(true); -}) -// 魔法棒加弹窗 -$('.magicStick .magicStick_in .add').click(function () { - magicStick(1) - return false; -}) -// 魔法棒减弹窗 -$('.magicStick .magicStick_in .decrease').click(function () { - magicStick(2) - return false; -}) -// 魔法棒快捷购买弹窗 -$('.magicStick .magicStick_in .quickAddition div').click(function () { - var num = Number($(this).attr('num')); - magicStick(3, num) - return false; -}) -// 监听输入框的变化 -$('.magicStick .magicStick_in input').on('input', function () { - magicStick(); -}) -// 魔法棒输入框弹窗 -$('.magicStick .magicStick_in input').click(function () { - return false; -}) -// 关闭购买魔法棒弹窗 -$('.magicStick').click(function () { - $('.magicStick').hide(); - bodyScroolFun(false); -}) -// 确认购买魔法棒按钮 -$('.magicStick .magicStick_in .but').click(function () { - buyStick(magicStickNum) - bodyScroolFun(false); -}) -// 购买魔法棒 -function buyStick (num) { - showLoading() - networkRequest({ - type: 'get', - url: urlPrefix + '/promiseStar/buyStick', - data: { num }, - success (res) { - if (res.code === 200) { - getConfig(); - $('.buySuccess p').tetx(`魔法棒${num}`); - $('.buySuccess').show(); - bodyScroolFun(true); - magicStickNum = 1; - $('.magicStick .magicStick_in .magicSticks b').text(0); - } else if (res.code === 31005) { - $('.goToPay').show(); - bodyScroolFun(true); - } else { - toastMsg(res.message) - } - hideLoading(layerIndex) - }, - error (err) { - hideLoading(layerIndex) - toastMsg('網路錯誤，請退出重進') - } - }) -} -var wishingNum = 1; -function wishing (type, num) { - wishingNum = Number($('.wishingPop .wishingPop_in input').val()); - if (type == 1) { - // 加 - wishingNum++; - } else if (type == 2) { - // 减 - wishingNum--; - } else if (type == 3) { - // 快捷购买 - wishingNum += num; - } else { - } - wishingNum <= 1 ? wishingNum = 1 : wishingNum = wishingNum; - wishingNum >= 99999999 ? wishingNum = 99999999 : wishingNum = wishingNum; - $('.wishingPop .wishingPop_in input').val(wishingNum); -} -// 许愿加弹窗 -$('.wishingPop .wishingPop_in .add').click(function () { - wishing(1) - return false; -}) -// 许愿减弹窗 -$('.wishingPop .wishingPop_in .decrease').click(function () { - wishing(2) - return false; -}) -// 许愿快捷购买弹窗 -$('.wishingPop .wishingPop_in .quickAddition div').click(function () { - var num = Number($(this).attr('num')); - wishing(3, num) - return false; -}) -// 监听输入框的变化 -$('.wishingPop .wishingPop_in input').on('input', function () { - wishing(); -}) -// 许愿输入框弹窗 -$('.wishingPop .wishingPop_in input').click(function () { - return false; -}) -// 关闭许愿弹窗 -$('.wishingPop').click(function () { - $('.wishingPop').hide(); - bodyScroolFun(false); -}) -// 许愿按钮 -var roundId; -$('.page1 ul li').on('click', '.wishIngBut', function () { - var stockNum = $(this).attr('stockNum'); - roundId = $(this).attr('roundId'); - if (stockNum == 0) { - toastMsg('该礼物库存不足,无法进行许愿'); - return; - } - $('.wishingPop').show(); -}) -// 确认许愿按钮 -$('.wishingPop .wishingPop_in .but').click(function () { - console.log(wishingNum < mymagicStickNum); - if (wishingNum > mymagicStickNum) { - $('.magicStick .magicStick_in h3').text('可用魔法棒不足，请购买'); - $('.magicStick').show(); - bodyScroolFun(true); - } else { - promise(wishingNum, roundId); - bodyScroolFun(false); - } - -}) -// 许愿接口 -function promise (num, roundId) { - showLoading() - networkRequest({ - type: 'post', - url: urlPrefix + '/promiseStar/promise', - data: { num, roundId }, - success (res) { - if (res.code === 200) { - toastMsg('参与许愿成功') - } else { - toastMsg(res.message) - } - hideLoading(layerIndex) - }, - error (err) { - hideLoading(layerIndex) - toastMsg('網路錯誤，請退出重進') - } - }) -} \ No newline at end of file diff --git a/view/peko/modules/act-wishingStar/js/wow.js b/view/peko/modules/act-wishingStar/js/wow.js new file mode 100644 index 0000000..3affb28 --- /dev/null +++ b/view/peko/modules/act-wishingStar/js/wow.js @@ -0,0 +1,46 @@ +var baba = document.querySelector('body'); +baba.addEventListener('click', function (e) { + // $('body,html').css({ "width": "100%", "position": "relative", "overflow": "hidden" }); + tianJia(e); +}) + +var erZi = []; +function tianJia (e) { + var sunZi = document.createElement('div'); + sunZi.className = 'rabbit'; + // sunZi.innerHTML = ''; + sunZi.innerHTML = ''; + baba.appendChild(sunZi); + erZi.push({ + el: sunZi, + top: e.pageY - 30, + left: e.pageX - 20, + opacity: 1, + scale: 1, + color: `rgb(${255 * Math.random()},${255 * Math.random()},${255 * Math.random()})` + }); + move(); +}; +function move () { + for (var i = 0; i < erZi.length; i++) { + if (erZi[i].opacity <= 0) { + baba.removeChild(erZi[i].el); + erZi.splice(i, 1); + return; + } + erZi[i].top--; + erZi[i].opacity = erZi[i].opacity - 0.02; + // erZi[i].scale = erZi[i].scale + 0.0001; + erZi[i].el.style.cssText = ` + top: ${erZi[i].top}px; + left: ${erZi[i].left}px; + color: ${erZi[i].color}; + opacity: ${erZi[i].opacity}; + transform: scale(${erZi[i].scale}); + position: absolute; + ` + + } + window.requestAnimationFrame(move); + // $('body,html').css({ "width": "100%", "position": "relative", "overflow": "auto" }); +} \ No newline at end of file