moliparty/peko-h5
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

完成糖果树以及星级厨房

Browse Source
This commit is contained in:
Dragon
2022-10-20 18:44:45 +08:00
parent 7931c60a68
commit fabea89a1c
56 changed files with 717 additions and 626 deletions
Download Patch File Download Diff File Expand all files Collapse all files

122
view/peko/modules/spirit/js/main.js
View File

@@ -1,5 +1,5 @@
let browser = checkVersion()
let urlPrefix = getUrlPrefix();//判断正式环境或者测试环境
let urlPrefix = getUrlPrefix();//判斷正式環境或者測試環境
const toastMsg = (content = '操作完成', time = 2) => {
layer.open({
@@ -7,24 +7,24 @@ const toastMsg = (content = '操作完成', time = 2) => {
skin: 'msg',
time
});
}
}
let roomId = null;
let userDiamonds = 0 //用户钻石数量
const MAX_NUM = 9 //后台限购关闭时最大选择数
let userDiamonds = 0 //用戶鉆石數量
const MAX_NUM = 9 //後臺限購關閉時最大選擇數
let currentNum = 0
let time = null;
let cardID = [];
let requestStatus = false;
let prizeRecord = [];//中奖记录
var page = 0;// 页数
var size = 10;// 每页展示n个
let prizeRecord = [];//中獎記錄
var page = 0;// 頁數
var size = 10;// 每頁展示n個
let selectDays = window.sessionStorage.getItem('selectDays')
let userSelectInfo = JSON.parse(window.sessionStorage.getItem('userSelectInfo'))
let {diamondNum, selectSrc, prodID, limitPurchaseSwitch, giftName} = JSON.parse(window.sessionStorage.getItem('userSelectInfo'))
let { diamondNum, selectSrc, prodID, limitPurchaseSwitch, giftName } = JSON.parse(window.sessionStorage.getItem('userSelectInfo'))
// 小动物数组
// 小動物數組
let animalArr = [
{
animalPic: './image/animal/1.png',
@@ -40,7 +40,7 @@ let animalArr = [
},
{
animalPic: './image/animal/4.png',
animalName: '小猫'
animalName: '小貓'
},
{
animalPic: './image/animal/5.png',
@@ -56,7 +56,7 @@ let animalArr = [
},
{
animalPic: './image/animal/8.png',
animalName: '小鸡'
animalName: '小雞'
},
{
animalPic: './image/animal/9.png',
@@ -64,7 +64,7 @@ let animalArr = [
},
{
animalPic: './image/animal/10.png',
animalName: '小猪'
animalName: '小豬'
}
]
@@ -106,7 +106,7 @@ $(function () {
if (!limitPurchaseSwitch) {
if (currentNum <= MAX_NUM) {
$(this).addClass('active')
$('.prob').html(`获得${giftName}的概率为${currentNum * 10}%`)
$('.prob').html(`獲得${giftName}的概率為${currentNum * 10}%`)
$('.prob').show()
$('.desc').hide()
cardID.push(index)
@@ -117,7 +117,7 @@ $(function () {
if (window.sessionStorage.getItem('leftDays') != null) {
if (window.sessionStorage.getItem('leftDays') <= 0) {
console.log('leftDays', window.sessionStorage.getItem('leftDays'));
toastMsg('该头饰已达限购上限')
toastMsg('該頭飾已達限購上限')
setTimeout(() => {
sessionStorage.clear()
history.go(-1)
@@ -132,13 +132,13 @@ $(function () {
if (currentNum <= userRemainDay) {
$(this).addClass('active')
$('.prob').html(`获得${giftName}的概率为${currentNum * 10}%`)
$('.prob').html(`獲得${giftName}的概率為${currentNum * 10}%`)
$('.prob').show()
$('.desc').hide()
cardID.push(index)
} else {
if (userRemainDay < MAX_NUM) {
toastMsg('选择数量不能超过限购天数')
toastMsg('選擇數量不能超過限購天數')
}
currentNum = userRemainDay
}
@@ -147,7 +147,7 @@ $(function () {
} else {
currentNum--
$(this).removeClass('active')
$('.prob').html(`获得${giftName}的概率为${currentNum * 10}%`)
$('.prob').html(`獲得${giftName}的概率為${currentNum * 10}%`)
const currentIndex = cardID.indexOf(index)
cardID.splice(currentIndex, 1)
console.log(cardID);
@@ -158,12 +158,12 @@ $(function () {
}
animation()
// 打开介绍弹窗
// 打開介紹彈窗
$('.introduction-btn').on('click', function () {
$('.shade-mask').show()
$('body').css('overflow', 'hidden')
})
// 关闭弹窗
// 關閉彈窗
$('.shade-mask').on('click', () => {
$('.shade-mask').hide()
$('body').css('overflow', 'auto')
@@ -186,15 +186,15 @@ $(function () {
$('.not-enough-content').click((e) => {
e.stopPropagation()
})
// 关闭青少年 未成年提示弹窗
// 關閉青少年 未成年提示彈窗
$('.know').on('click', () => {
$('.shade-mask-teen').hide()
})
// 关闭认证弹窗
// 關閉認證彈窗
$('.button-cancel, .button-agree').on('click', function () {
$(this).parents('.identity-mask').hide();
});
// 记录
// 記錄
$('.record-btn').click(() => {
page = 0;
$('.dropload-refresh').css({ display: 'block' })
@@ -205,17 +205,17 @@ $(function () {
$('.table-shade').show()
})
// 跳转充值页面
// 跳轉充值頁面
$('.go-to-recharge, .recharge-icon').click(() => {
if(browser.app){
if(browser.android){
if (browser.app) {
if (browser.android) {
// window.androidJsObj.openChargePage()
tools.nativeUtils.jumpAppointPage('RECHARGE_PAGE')
}else if(browser.ios){
} else if (browser.ios) {
window.webkit.messageHandlers.openChargePage.postMessage(null)
}
}else{
toastMsg('请在app内打开')
} else {
toastMsg('請在app內打開')
}
$('.not-enough').hide()
})
@@ -224,9 +224,9 @@ $(function () {
$('.explore').on('click', function () {
if (currentNum == 0) {
toastMsg('请选择小动物~')
toastMsg('請選擇小動物~')
} else if (selectDays != currentNum && !$(this).hasClass('again')) {
let headwearName = diamondNum == 10 ? '初级头饰' : ( diamondNum == 100 ? '中级头饰' : '高级头饰')
let headwearName = diamondNum == 10 ? '初級頭飾' : (diamondNum == 100 ? '中級頭飾' : '高級頭飾')
$('.planet-num span').html(currentNum)
$('.headwear img').attr('src', selectSrc)
$('.headwear-day').html(`${headwearName}${currentNum}天`)
@@ -248,7 +248,7 @@ $(function () {
window.location.reload()
}
})
// 关闭支付弹窗
// 關閉支付彈窗
$('.shade-mask-recharge').click(function () {
$(this).hide()
})
@@ -262,7 +262,7 @@ $(function () {
history.go(-1)
})
// 抽奖支付按钮点击事件
// 抽獎支付按鈕點擊事件
$('.recharge-btn').click(function () {
let leftDays;
if (window.sessionStorage.getItem('leftDays') != null) {
@@ -282,8 +282,8 @@ $(function () {
})
//中奖记录请求
function prizeRecordFun() {
//中獎記錄請求
function prizeRecordFun () {
var dropload = $('.table-wrap').dropload({
scrollArea: $('.table-wrap'),
loadDownFn: function (me) {
@@ -304,17 +304,17 @@ function prizeRecordFun() {
var arrLen = res.data.records.length;
if (arrLen < size) {
page = 0;
me.lock(); // 锁定
me.noData(); // 无数据
me.lock(); // 鎖定
me.noData(); // 無數據
}
if (arrLen > 0) {
result = prizeRecordDom();
$('.table').append(result)// 插入数据到页面，放到最后面
me.resetload();// 每次数据加载完，必须重置
} else {// 如果没有数据
$('.table').append(result)// 插入數據到頁面，放到最後面
me.resetload();// 每次數據加載完，必須重置
} else {// 如果沒有數據
me.resetload();
me.lock(); // 锁定
me.noData(); // 无数据
me.lock(); // 鎖定
me.noData(); // 無數據
console.log($('.rule_record .conent .table tr').length)
if (page == 0 && $('.rule_record .conent .table tr').length == 1) {
$('.dropload-noData').remove();
@@ -327,10 +327,10 @@ function prizeRecordFun() {
error: function (res) {
$('.dropload-down').hide()
requestStatus = false;
console.log(res, '报错啦');
me.lock(); // 锁定
me.noData(); // 无数据
me.resetload();// 即使加载出错，也得重置
console.log(res, '報錯啦');
me.lock(); // 鎖定
me.noData(); // 無數據
me.resetload();// 即使加載出錯，也得重置
$('.table').css({ display: 'none' })
$('.noData').css({ display: 'block' })
}
@@ -341,8 +341,8 @@ function prizeRecordFun() {
console.log('dropload-----', dropload);
};
// 中奖记录渲染
function prizeRecordDom() {
// 中獎記錄渲染
function prizeRecordDom () {
let result = ''
prizeRecord.forEach((res, i) => {
// console.log(res);
@@ -358,7 +358,7 @@ function prizeRecordDom() {
return result
};
// 获取用户信息
// 獲取用戶信息
const getUserInfo = () => {
networkRequest({
type: 'POST',
@@ -370,12 +370,12 @@ const getUserInfo = () => {
if (res.code == 200) {
userDiamonds = res.data.diamonds
$('.mine .avatar img').attr('src', res.data.avatar)
$('.mine .nick').html(res.data.nick.length > 8 ? res.data.nick.slice(0, 8)+'...' : res.data.nick)
$('.mine .nick').html(res.data.nick.length > 8 ? res.data.nick.slice(0, 8) + '...' : res.data.nick)
$('.mine .diamond-num span').html(res.data.diamonds)
}
},
error: function (res) {
console.log(res, '报错啦');
console.log(res, '報錯啦');
}
})
}
@@ -400,18 +400,18 @@ const draw = () => {
setTimeout(() => {
$('.svga').hide()
result = res.data
console.log('结果', res.data);
console.log('結果', res.data);
renderResult()
}, 1000)
}
},
error: function (res) {
console.log(res, '报错啦');
console.log(res, '報錯啦');
}
})
}
// 播放过场动画
// 播放過場動畫
const playAnimate = () => {
$('.explore').addClass('again')
$('.shade-mask-recharge').hide()
@@ -437,29 +437,29 @@ const renderResult = () => {
$('.prob').hide()
$('.desc').addClass('success')
$('.desc').html(`
成功找到小精灵！</br>
<span>小精灵将送你价值${result.receiveGiftPrice}钻石的</br>${result.receiveGiftName}</span>
成功找到小精靈！</br>
<span>小精靈將送你價值${result.receiveGiftPrice}鉆石的</br>${result.receiveGiftName}</span>
`).show()
} else {
$('.result-content').addClass('fail')
$('.prob').hide()
$('.desc').addClass('fail')
$('.desc').html('很遗憾未能找到小精灵</br>下次再接再厉哦！').show()
$('.desc').html('很遺憾未能找到小精靈</br>下次再接再厲哦！').show()
$('.select-area div').eq(index).find('.default').hide().siblings('.fail').show()
}
$('.result-shade').show()
}
//返回页面 重新请求接口
//返回頁面 重新請求接口
var hiddenProperty = 'hidden' in document ? 'hidden' :
'webkitHidden' in document ? 'webkitHidden' :
'mozHidden' in document ? 'mozHidden' : null;
'webkitHidden' in document ? 'webkitHidden' :
'mozHidden' in document ? 'mozHidden' : null;
var visibilityChangeEvent = hiddenProperty.replace(/hidden/i, 'visibilitychange');
var onVisibilityChange = function () {
if(!document[hiddenProperty]){
if (!document[hiddenProperty]) {
getUserInfo()
}
}
}
document.addEventListener(visibilityChangeEvent, onVisibilityChange);