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
2023-12-27 15:27:46 +08:00
parent fa894ecbc1
commit 9b35f7527a
10 changed files with 137 additions and 136 deletions
Download Patch File Download Diff File Expand all files Collapse all files

81
view/peko/activity/gift_changer/index.html
View File

@@ -12,9 +12,9 @@
</head>
<body>
<!-- 用户首次进入引导遮罩 -->
<!-- 用戶首次進入引導遮罩 -->
<div class="guide_mask"></div>
<!-- 引导层内容 -->
<!-- 引導層內容 -->
<div class="step_wrap">
<div class="step1">
<img class="step_tips" src="./images/step1.png" alt="">
@@ -39,21 +39,21 @@
<div class="qipao3">
<img src="http://img.uat.lecheng163.com/FszzQQxFvTSutMLHqh9mzi2XkJqx?imageslim" alt="">
</div>
<span>你已成功合成礼物“<b>契约魔法棒</b>” </span>
<p>已发入背包中，请注意查收~</p>
<span>妳已成功合成禮物“<b>契約魔法棒</b>” </span>
<p>已發入背包中，請註意查收~</p>
</div>
<!-- 合成失败 -->
<!-- 合成失敗 -->
<div class="bad_wrap">
<div class="qipao_bad"></div>
<span>魔法炉出现大故障，炼制失败了 </span>
<p>请下次再试~</p>
<span>魔法爐出現大故障，煉制失敗了 </span>
<p>請下次再試~</p>
</div>
</div>
</div>
<!-- 顶部返回 -->
<!-- 頂部返回 -->
<div class="back"><img src="./images/travel/back.png" alt=""></div>
<!-- 头部部分 -->
<!-- 頭部部分 -->
<div class="head_wrap">
<div class="header">
<img src="./images/title.png" class="title" alt="">
@@ -66,7 +66,7 @@
<div class="notice">
<img src="./images/laba.png" alt="">
<ul>
<!-- <li><span class="sp1">小小小小小鹅 </span> 合成了<span class="sp2">4544</span>鉆的<b>迪迦奥特曼</b></li> -->
<!-- <li><span class="sp1">小小小小小鵝 </span> 合成了<span class="sp2">4544</span>鉆的<b>迪迦奧特曼</b></li> -->
</ul>
</div>
<div class="luzi">
@@ -84,10 +84,10 @@
<div class="but"></div>
</div>
</div>
<!-- 进度部分 -->
<!-- 進度部分 -->
<div class="speed_rogress">
<div class="speed_rogress_top">
<span>当前进度</span>
<span>當前進度</span>
<div class="bar_wrap speed">
<div>
<img src="./images/xs_lines.png" class="xs_border" alt="">
@@ -97,20 +97,20 @@
<p>1223/3345</p>
<img src="./images/wenhao.png" alt="" class="wenhao">
</div>
<p class="ps">进度值已满，赶快点击炼制吧~/进度值达到满值时即可合成礼物哦~</p>
<p class="ps">進度值已滿，趕快點擊煉制吧~/進度值達到滿值時即可合成禮物哦~</p>
</div>
<!-- 底部背包 -->
<div class="bottom">
<div class="b_Top">
<p>投入背包礼物，增加进度值</p>
<p>投入背包禮物，增加進度值</p>
<img src="./images/shuaxin.png" alt="">
</div>
<div class="swiper">
<div class="swiper-wrapper">
<div class="not">
<div>
<p>当前暂无多余背包礼物，</p>
<p>无法炼制合成礼物哦~</p>
<p>當前暫無多余背包禮物，</p>
<p>無法煉制合成禮物哦~</p>
</div>
</div>
<!-- <div class="swiper-slide">
@@ -123,36 +123,37 @@
</div>
</div>
</div>
//如果需要分页器
//如果需要分頁器
<div class="swiper-pagination"></div> -->
</div>
<!-- <span class="diamonds">當前背包禮物總價值：<b></b>鉆</span> -->
</div>
<!-- <span class="diamonds">当前背包礼物总价值：<b></b>鉆</span> -->
</div>
<!-- 合成完毕 恭喜你 -->
<!-- 合成完畢 恭喜妳 -->
<div class="gxn">
<div class="gxn_in">
<div class="qb">
<img src="" alt="">
</div>
<p>你已成功合成礼物“<b>迪迦奥特曼</b>”</p>
<span>已发入背包中，请注意查收~</span>
<p>妳已成功合成禮物“<b>迪迦奧特曼</b>”</p>
<span>已發入背包中，請註意查收~</span>
</div>
</div>
<!-- 确认取消炼制弹窗 -->
<!-- 確認取消煉制彈窗 -->
<div class="refining">
<div class="refining_in">
<p>确认选择这些背包礼物进行炼制吗？</p>
<p>確認選擇這些背包禮物進行煉制嗎？</p>
<div>
<img class="close" src="./images/refining_close.png" alt="">
<img class="ok" src="./images/refining_ok.png" alt="">
</div>
</div>
</div>
<!-- 添加减少弹框 -->
<!-- 添加減少彈框 -->
<div class="investment">
<div class="investment_in">
<!-- <img src="./images/del.png" alt="" class="closeBut"> -->
<p class="title">选择投入：</p>
<p class="title">選擇投入：</p>
<div class="qipao">
<img src="" alt="">
<span></span>
@@ -166,16 +167,16 @@
</div>
</div>
<!-- 规则宝典 -->
<!-- 規則寶典 -->
<div class="rule">
<div class="rule_in"></div>
<img src="./images/del.png" alt="">
</div>
<!-- 无记录弹窗 -->
<!-- 無記錄彈窗 -->
<div class="not_record">
<div class="not_record_in"></div>
</div>
<!-- 有记录弹窗-->
<!-- 有記錄彈窗-->
<div class="record">
<div class="record_in">
<ul>
@@ -183,7 +184,7 @@
<img class="tx"
src="https://img0.baidu.com/it/u=1942253063,3807598283&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=500"
alt="">
<span>迪迦礼物</span>
<span>迪迦禮物</span>
<div class="time_m">06-18</div>
<div class="time_d">12:08</div>
</li> -->
@@ -192,44 +193,44 @@
<img class="del" src="./images/del.png" alt="">
</div>
<!-- 限时屋未开启弹窗 -->
<!-- 限時屋未開啟彈窗 -->
<div class="xs_close">
<div class="xs_cold"></div>
<img class="del" src="./images/del.png" alt="">
</div>
<!-- 限时屋规则说明 -->
<!-- 限時屋規則說明 -->
<div class="xs_rule">
<div class="rule_state"></div>
<img class="del" src="./images/del.png" alt="">
</div>
<!-- 限时屋合成成功弹窗 -->
<!-- 限時屋合成成功彈窗 -->
<div class="xs_success">
<div class="success_in">
<div class="qipao3">
<img src="" alt="">
</div>
<span>你已成功合成礼物“<b></b>” </span>
<p>已发入背包中，请注意查收~</p>
<span>妳已成功合成禮物“<b></b>” </span>
<p>已發入背包中，請註意查收~</p>
</div>
<img class="del" src="./images/del.png" alt="">
</div>
<!-- 限时屋合成失败弹窗 -->
<!-- 限時屋合成失敗彈窗 -->
<div class="xs_fail">
<div class="fail_in">
<div class="qipao3">
<img src="" alt="">
</div>
<span>魔法炉出现了小故障，炼制成了“<b></b>” </span>
<p>已发入背包中，请注意查收~</p>
<span>魔法爐出現了小故障，煉制成了“<b></b>” </span>
<p>已發入背包中，請註意查收~</p>
</div>
<img class="del" src="./images/del.png" alt="">
</div>
<!-- 限时屋合成糟糕弹窗 -->
<!-- 限時屋合成糟糕彈窗 -->
<div class="xs_bad">
<div class="bad_in">
<div class="qipao_bad"></div>
<span>魔法炉出现大故障，炼制失败了 </span>
<p>请下次再试~</p>
<span>魔法爐出現大故障，煉制失敗了 </span>
<p>請下次再試~</p>
</div>
<img class="del" src="./images/del.png" alt="">
</div>

160
view/peko/activity/gift_changer/js/index.js
View File

@@ -1,6 +1,6 @@
var browser = checkVersion();
const urlPrefix = getUrlPrefix();//判断正式环境或者测试环境
// 封装layer消息提醒框 hideLoading(layerIndex)
const urlPrefix = getUrlPrefix();//判斷正式環境或者測試環境
// 封裝layer消息提醒框 hideLoading(layerIndex)
let layerIndex
const showLoading = (content = '加載中...') => {
layer.open({
@@ -27,18 +27,18 @@ const toastMsg = (content = '操作完成', time = 2) => {
var mySwiper
function swiperFun(mySwiper) {
mySwiper = new Swiper('.swiper', {
loop: false, // 循环模式选项
// 如果需要分页器
loop: false, // 循環模式選項
// 如果需要分頁器
pagination: {
el: '.swiper-pagination',
clickable: false,
// 分页的类型是自定义的----必填项
// 分頁的類型是自定義的----必填項
type: 'bullets',
},
})
}
// 顶部返回事件
// 頂部返回事件
$('.back').click(() => {
if (browser.android) {
window.androidJsObj.closeWebView()
@@ -51,12 +51,12 @@ let timeInterval = null;
var pageNum = 1;
var isLock = true;
var isAdd;
var compoundParam = {// 合成所需参数
var compoundParam = {// 合成所需參數
compoundRewardId: 0,
compoundList: [],
};
var getDataArr = [];//初始化数组
var getDataRecordArr = [];//初始化数组记录
var getDataArr = [];//初始化數組
var getDataRecordArr = [];//初始化數組記錄
var getDataArrIndex = 0;//初始化索引
var objs = {}
var lastNum = 0;
@@ -72,7 +72,7 @@ $(function () {
};
getInfoFromClient();
setTimeout(function () {
// 页面全屏
// 頁面全屏
if (browser.app) {
if (browser.android) {
window.androidJsObj.initShowNav(false)
@@ -147,7 +147,7 @@ function xsSvgaFun() {
})
})
}
// 练造按钮
// 練造按鈕
$('.header .but').click(function () {
var ifs = $(this).attr('ifckick') == undefined ? 0 : 1;
if (ifs == 1) {
@@ -156,10 +156,10 @@ $('.header .but').click(function () {
$('.refining').show();
}
} else {
console.log("不可点击");
console.log("不可點擊");
}
})
//公告栏
//公告欄
function guangGao() {
clearInterval(timeInterval);
timeInterval = setInterval(function () {
@@ -172,7 +172,7 @@ function guangGao() {
});
}, 2000);
}
// 轮播
// 輪播
function noticeFun() {
showLoading();
networkRequest({
@@ -198,7 +198,7 @@ function noticeFun() {
}
})
}
// 合成礼物列表
// 合成禮物列錶
function getDataFun() {
showLoading();
networkRequest({
@@ -222,7 +222,7 @@ function getDataFun() {
}
})
}
// 限时合成礼物列表
// 限時合成禮物列錶
function getXsDataFun() {
showLoading();
networkRequest({
@@ -231,7 +231,7 @@ function getXsDataFun() {
success(res) {
if (res.code === 200) {
if (tabIndex == 1) {
console.log('渲染限时合成礼物');
console.log('渲染限時合成禮物');
getDataArr = res.data;
getDataArr.forEach((res, index) => {
getDataRecordArr[index] = 0
@@ -258,7 +258,7 @@ function getXsDataFun() {
}
})
}
// 初始化渲染合成礼物
// 初始化渲染合成禮物
function dataRendering(getDataArrIndex) {
// console.log('getDataArrIndex',getDataArr);
$('.header .qipao img').attr('src', getDataArr[getDataArrIndex].giftUrl);
@@ -282,13 +282,13 @@ function dataRendering(getDataArrIndex) {
'background': 'url(./images/but_active.png) no-repeat',
'background-size': '100% 100%'
});
$('.speed_rogress .ps').html(`进度值已满，赶快点击炼制吧~`);
$('.speed_rogress .ps').html(`進度值已滿，趕快點擊煉制吧~`);
} else {
$('.header .but').css({
'background': 'url(./images/xs_but_active.png) no-repeat',
'background-size': '100% 100%'
});
$('.speed_rogress .ps').html(`炼制时有<span>${getDataArr[getDataArrIndex].compoundRate}%的概率</span>成功合成礼物，请注意！`);
$('.speed_rogress .ps').html(`煉制時有<span>${getDataArr[getDataArrIndex].compoundRate}%的概率</span>成功合成禮物，請註意！`);
}
// $('.header .but').addClass("but_active");
@@ -299,29 +299,29 @@ function dataRendering(getDataArrIndex) {
'background': 'url(./images/but.png) no-repeat',
'background-size': '100% 100%'
});
$('.speed_rogress .ps').html(`进度值达到满值时即可合成礼物哦~`);
$('.speed_rogress .ps').html(`進度值達到滿值時即可合成禮物哦~`);
} else {
$('.header .but').css({
'background': 'url(./images/xs_but.png) no-repeat',
'background-size': '100% 100%'
});
$('.speed_rogress .ps').html(`炼制时有<span>${getDataArr[getDataArrIndex].compoundRate}%的概率</span>成功合成礼物，请注意！`);
$('.speed_rogress .ps').html(`煉制時有<span>${getDataArr[getDataArrIndex].compoundRate}%的概率</span>成功合成禮物，請註意！`);
}
// $('.header .but').removeClass("but_active");
}
}
//头部礼物左切换
//頭部禮物左切換
$('.header .left_but').click(function () {
getDataArrIndex--
if (getDataArrIndex < 0) {
getDataArrIndex = getDataArr.length - 1;
console.log('到头了');
console.log('到頭了');
dataRendering(getDataArrIndex)
} else {
dataRendering(getDataArrIndex);
}
})
//头部礼物右切换
//頭部禮物右切換
$('.header .right_but').click(function () {
getDataArrIndex++
if (getDataArrIndex >= getDataArr.length) {
@@ -333,7 +333,7 @@ $('.header .right_but').click(function () {
dataRendering(getDataArrIndex);
}
})
// 获取背包礼物
// 獲取背包禮物
function listUserBackpackFun() {
showLoading();
networkRequest({
@@ -348,8 +348,8 @@ function listUserBackpackFun() {
// <div class="swiper-wrapper">
// <div class="not">
// <div>
// <p>当前暂无多余背包礼物，</p>
// <p>无法炼制合成礼物哦~</p>
// <p>當前暫無多余背包禮物，</p>
// <p>無法煉制合成禮物哦~</p>
// </div>
// </div>
// </div>
@@ -358,7 +358,7 @@ function listUserBackpackFun() {
$('.bottom .swiper .not').show();
// $('.bottom .swiper .swiper-slide').hide();
} else {
// 为了解决tab切换时swiper插件重复初始化导致分页原点错乱问题，每次都重新创建swiper的盒子
// 為了解決tab切換時swiper插件重復初始化導致分頁原點錯亂問題，每次都重新創建swiper的盒子
$('.bottom .swiper').remove();
$('.bottom .b_Top').after(`
<div class="swiper">
@@ -401,15 +401,15 @@ function listUserBackpackFun() {
})
// $('.bottom .diamonds b').text(goldPrices);
$('.bottom .diamonds').remove();
$('.bottom .swiper').after(`<span class="diamonds">当前背包礼物总价值：<b>${goldPrices}</b>鉆</span>`);
$('.bottom .swiper').after(`<span class="diamonds">當前背包禮物總價值：<b>${goldPrices}</b>鉆</span>`);
// 初始化swiper
swiperFun(mySwiper);
// 点击背包礼物列表
// 點擊背包禮物列錶
$('.bottom .swiper .swiper-slide div').click(function () {
// 防止合成时点击继续添加
// 防止合成時點擊繼續添加
if(headerBut){
// console.log('防止合成时点击继续添加');
// console.log('防止合成時點擊繼續添加');
$(this).parent().siblings().children().removeClass('div_active');
$(this).addClass('div_active').siblings().removeClass('div_active');
var src = $('.bottom .swiper .swiper-slide div img').attr("src");
@@ -437,7 +437,7 @@ function listUserBackpackFun() {
}
})
}
//合成记录
//合成記錄
function recordFun(pageNum) {
showLoading();
networkRequest({
@@ -459,7 +459,7 @@ function recordFun(pageNum) {
str += `
<li>
<img class="no_tx" src="./images/mixFail.png" alt="">
<span style="margin-right: 0.3rem;">合成失败</span>
<span style="margin-right: 0.3rem;">合成失敗</span>
<div class="time_m">${dateFormat(res.createTime, 'MM-dd')}</div>
<div class="time_d">${dateFormat(res.createTime, 'hh:mm')}</div>
</li>
@@ -494,7 +494,7 @@ function recordFun(pageNum) {
})
}
var isJL = false;
// 确认投入按钮
// 確認投入按鈕
$('.investment .investment_in .but').click(function () {
// $('.bottom .swiper .swiper-slide .div_active strong').show();
var giftIds = $('.bottom .swiper .swiper-slide .div_active').attr('giftId');
@@ -521,10 +521,10 @@ $('.investment .investment_in .but').click(function () {
var num = $('.bottom .swiper .swiper-slide .div_active').attr(`num`);
getDataArr[0].fraction = Number($('.bottom .swiper .swiper-slide .div_active').attr(`ad`)) + goldprice * (val - num);
} else if (size1 == size2) {
console.log('不变');
console.log('不變');
getDataArr[0].fraction = $('.speed_rogress .speed_rogress_top p span').text();
} else {
console.log('减少了');
console.log('減少了');
//--
// getDataArr[0].fraction = Number($('.speed_rogress .speed_rogress_top p span').text()) - ($('.bottom .swiper .swiper-slide .div_active strong i').text() - val) * goldprice;
var goldprice = Number($('.bottom .swiper .swiper-slide .div_active').attr(`goldprice`));
@@ -548,7 +548,7 @@ $('.investment .investment_in .but').click(function () {
lastNum = $('.speed_rogress .speed_rogress_top p span').text();
isJL = false;
})
// 关闭投入
// 關閉投入
$('.investment .investment_in .closeBut').click(function () {
var val = $('.investment .investment_in .num input').val();
var num = Number($('.bottom .swiper .swiper-slide .div_active strong b').text());
@@ -566,7 +566,7 @@ $('.investment .investment_in .closeBut').click(function () {
$('.investment').hide();
})
// 监听输入框
// 監聽輸入框
$(".investment .investment_in .num input").on("focus", function () {
if ($(this).val() == 0) {
$('.investment .investment_in .num input').val('')
@@ -582,7 +582,7 @@ $(".investment .investment_in .num input").on("input", function () {
if (val > Number($('.bottom .swiper .swiper-slide .div_active strong b').text())) {
val = 0;
$(this).val(0);
toastMsg('超出已拥有数量');
toastMsg('超出已擁有數量');
getDataArr[0].fraction = lastNum;
// $('.bottom .swiper .swiper-slide .div_active strong i').text("0");
} else if (val == '') {
@@ -612,7 +612,7 @@ $(".investment .investment_in .num input").on("input", function () {
$(this).val(val);
// dataRendering(getDataArrIndex);
})
// 增加炼制按钮
// 增加煉制按鈕
var number = 0;
$('.investment .investment_in .num .add').click(function (event) {
isJL = false;
@@ -630,7 +630,7 @@ $('.investment .investment_in .num .add').click(function (event) {
console.log(indes);
arrs[indes].goldprice = goldprice;
if (val > num) {
toastMsg('已超出现有数量');
toastMsg('已超出現有數量');
val = val - 1;
$('.bottom .swiper .swiper-slide .div_active').attr(`nums`, val);
arrs[indes].num = Number($('.bottom .swiper .swiper-slide .div_active').attr('nums'));
@@ -657,7 +657,7 @@ $('.investment .investment_in .num .add').click(function (event) {
event.stopPropagation();
})
// 减少炼制按钮
// 減少煉制按鈕
$('.investment .investment_in .num .reduce').click(function (event) {
isJL = false;
isAdd = false;
@@ -687,7 +687,7 @@ $('.investment .investment_in .num .reduce').click(function (event) {
event.stopPropagation();
})
// 确认炼制
// 確認煉制
$('.refining .refining_in div .ok').click(function () {
compoundParam.compoundRewardId = Number($('.header .qipao img').attr('RewardId'));
var arr2 = []
@@ -746,7 +746,7 @@ $('.refining .refining_in div .ok').click(function () {
} else {
// console.log(1111111111111111,res);
let mixGiftId = $('.header .qipao img').attr('giftId');
// 不返回礼物为糟糕弹窗，返回与目标合成礼物不同则为失败弹窗，合成相同则成功
// 不返回禮物為糟糕彈窗，返回與目標合成禮物不同則為失敗彈窗，合成相同則成功
if (!res.data) {
$(".xs_bad").fadeIn();
} else {
@@ -782,44 +782,44 @@ $('.refining .refining_in div .ok').click(function () {
}, 4000)
})
// 取消炼制
// 取消煉制
$('.refining .refining_in div .close').click(function () {
headerBut = true;
$('.bottom .swiper .swiper-slide div').removeClass('div_active');
$('.refining').hide();
})
// 关闭规则
// 關閉規則
$('.rule img').click(function () {
$('.rule').hide();
})
// 打开规则
// 打開規則
$('.header .rule_icon').click(function () {
$('.rule').show();
})
// 关闭无记录弹窗
// 關閉無記錄彈窗
$('.not_record').click(function () {
$('.not_record').hide();
})
// 关闭有记录弹窗
// 關閉有記錄彈窗
$('.record .del').click(function () {
$('.record').hide();
})
//打开合成记录
//打開合成記錄
$('.header .record_icon').click(function () {
$('.record .record_in ul li').remove();
recordFun(pageNum);
})
// 关闭合成记录
// 關閉合成記錄
$('.record .del').click(function () {
pageNum = 1;
$('.record').hide();
})
// 关闭恭喜你
// 關閉恭喜妳
$('.gxn').click(function () {
$(this).hide();
location.reload()
})
// 关闭投入弹窗
// 關閉投入彈窗
// $('.investment').click(function (event) {
// $('.investment .investment_in .num input').val(0);
// $('.bottom .swiper .swiper-slide div strong i').text(0);
@@ -827,19 +827,19 @@ $('.gxn').click(function () {
// event.stopPropagation();
// $(this).hide()
// })
// 下拉合成记录
// 下拉合成記錄
$('.record .record_in ul').scroll(function () {
let scrollTop = $(this).scrollTop()
let scrollHeight = $('.record .record_in ul')[0].scrollHeight
let ulHeight = $(this).innerHeight()
if (scrollTop + ulHeight + 10 >= scrollHeight) {
if (isLock) {
// 请求下一页
// 請求下一頁
isLock = false;
pageNum = pageNum + 1
recordFun(pageNum);
} else {
console.log('没有更多了');
console.log('沒有更多了');
}
}
})
@@ -856,7 +856,7 @@ $('.bottom .b_Top img').click(function () {
})
// tab切换
// tab切換
var tabIndex = 0;
function changeTab(tabIndex) {
if (tabIndex == 0) {
@@ -931,8 +931,8 @@ function changeTab(tabIndex) {
}
}
var xsOpen //是否开启限时炉
var firstEnter //用户是否首次进入限时炉
var xsOpen //是否開啟限時爐
var firstEnter //用戶是否首次進入限時爐
$('.tab_wrap .tab_item').click(function () {
tabIndex = $(this).index();
// console.log('tabIndex',tabIndex);
@@ -964,12 +964,12 @@ $('.tab_wrap .tab_item').click(function () {
}
})
// 用户首次进入限时炉引导
// 用戶首次進入限時爐引導
function firstEnterFun() {
$('.step_wrap .step1').show();
$('.guide_mask').show();
}
// 引导按钮
// 引導按鈕
$('.step_wrap .step_but').click(function () {
let $index = $(this).parent().index();
// console.log($index);
@@ -1009,27 +1009,27 @@ $('.step_wrap .step_but').click(function () {
}, 2500);
}
})
// 关闭最后引导
// 關閉最後引導
$('.step_wrap').on("click", ".step4", function () {
console.log('关闭最后引导');
console.log('關閉最後引導');
$('.step_wrap .step4').hide();
$('.guide_mask').hide();
})
// 关闭限时魔法炉冷却弹窗
// 關閉限時魔法爐冷卻彈窗
$('.xs_close .del').click(function () {
$('.xs_close').fadeOut()
})
// 打开限时屋规则
// 打開限時屋規則
$('.speed_rogress .wenhao').click(function () {
$('.xs_rule').fadeIn();
})
// 关闭限时屋规则
// 關閉限時屋規則
$('.xs_rule .del').click(function () {
$('.xs_rule').fadeOut();
})
// 关闭限时屋合成成功弹窗
// 關閉限時屋合成成功彈窗
$('.xs_success .del').click(function () {
$('.xs_success').fadeOut();
$(".header .but").removeAttr('ifCkick');
@@ -1039,18 +1039,18 @@ $('.xs_success .del').click(function () {
timeInterval = null;
pageNum = 1;
isLock = true;
compoundParam = {// 合成所需参数
compoundParam = {// 合成所需參數
compoundRewardId: 0,
compoundList: [],
};
getDataArr = [];//初始化数组
getDataRecordArr = [];//初始化数组记录
getDataArr = [];//初始化數組
getDataRecordArr = [];//初始化數組記錄
getDataArrIndex = 0;//初始化索引
objs = {}
lastNum = 0;
})
// 关闭限时屋合成失败弹窗
// 關閉限時屋合成失敗彈窗
$('.xs_fail .del').click(function () {
$('.xs_fail').fadeOut();
$(".header .but").removeAttr('ifCkick');
@@ -1060,17 +1060,17 @@ $('.xs_fail .del').click(function () {
timeInterval = null;
pageNum = 1;
isLock = true;
compoundParam = {// 合成所需参数
compoundParam = {// 合成所需參數
compoundRewardId: 0,
compoundList: [],
};
getDataArr = [];//初始化数组
getDataRecordArr = [];//初始化数组记录
getDataArr = [];//初始化數組
getDataRecordArr = [];//初始化數組記錄
getDataArrIndex = 0;//初始化索引
objs = {}
lastNum = 0;
})
// 关闭限时屋合成糟糕弹窗
// 關閉限時屋合成糟糕彈窗
$('.xs_bad .del').click(function () {
$('.xs_bad').fadeOut();
$(".header .but").removeAttr('ifCkick');
@@ -1080,12 +1080,12 @@ $('.xs_bad .del').click(function () {
timeInterval = null;
pageNum = 1;
isLock = true;
compoundParam = {// 合成所需参数
compoundParam = {// 合成所需參數
compoundRewardId: 0,
compoundList: [],
};
getDataArr = [];//初始化数组
getDataRecordArr = [];//初始化数组记录
getDataArr = [];//初始化數組
getDataRecordArr = [];//初始化數組記錄
getDataArrIndex = 0;//初始化索引
objs = {}
lastNum = 0;

BIN
view/peko/modules/fans_club/images/apply-btn.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6.0 KiB

After

Width:  |  Height:  |  Size: 5.5 KiB

BIN
view/peko/modules/fans_club/images/desc.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 17 KiB

After

Width:  |  Height:  |  Size: 20 KiB

BIN
view/peko/modules/fans_club/images/header.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 95 KiB

After

Width:  |  Height:  |  Size: 88 KiB

BIN
view/peko/modules/fans_club/images/main.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 15 KiB

After

Width:  |  Height:  |  Size: 13 KiB

BIN
view/peko/modules/fans_club/images/record-icon.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.1 KiB

After

Width:  |  Height:  |  Size: 3.7 KiB

18
view/peko/modules/fans_club/js/nameplate.js
View File

@@ -3,7 +3,7 @@ let browser = checkVersion()
if (EnvCheck() === 'test') new VConsole
// 封装layer消息提醒框
// 封裝layer消息提醒框
let layerIndex
const showLoading = (content = '加載中...') => {
layer.open({
@@ -27,7 +27,7 @@ const toastMsg = (content = '操作完成', time = 2) => {
})
}
// 获取可申请铭牌
// 獲取可申請銘牌
let nameplateList = []
const getUserNameplateInfo = () => {
showLoading()
@@ -52,7 +52,7 @@ const getUserNameplateInfo = () => {
}
})
}
// 渲染铭牌
// 渲染銘牌
const renderNameplateInfo = () => {
let str = ''
nameplateList.map((item) => {
@@ -63,7 +63,7 @@ const renderNameplateInfo = () => {
$('.nameplate').html(str)
}
// 发送申请
// 發送申請
const sendApply = (mpTx, privilegeId) => {
showLoading()
networkRequest({
@@ -76,7 +76,7 @@ const sendApply = (mpTx, privilegeId) => {
success (res) {
hideLoading(layerIndex);
if (res.code === 200) {
toastMsg('申请成功')
toastMsg('申請成功')
$('input').val('')
} else {
toastMsg(res.message)
@@ -92,7 +92,7 @@ const sendApply = (mpTx, privilegeId) => {
$(function () {
getInfoFromClient()
setTimeout(() => {
// 页面全屏
// 頁面全屏
if (browser.android) {
window.androidJsObj.initShowNav(false)
} else {
@@ -128,15 +128,15 @@ $(function () {
// })
// 点击申请
// 點擊申請
$('.apply_btn').click(() => {
if ($('input').val().length != 4) {
return toastMsg('请添加4个字的铭牌文字')
return toastMsg('請添加4個字的銘牌文字')
}
sendApply($('input').val(), $('.nameplate img').eq(0).data('privilegeid'))
})
// 点击申请记录按钮
// 點擊申請記錄按鈕
$('.record').on('click', function () {
window.location.href = './record.html'
})

10
view/peko/modules/fans_club/js/record.js
View File

@@ -2,7 +2,7 @@ let urlPrefix = getUrlPrefix();
let browser = checkVersion()
if (EnvCheck() === 'test') new VConsole
// 封装layer消息提醒框
// 封裝layer消息提醒框
let layerIndex
const showLoading = (content = '加載中...') => {
layer.open({
@@ -26,7 +26,7 @@ const toastMsg = (content = '操作完成', time = 2) => {
}
let recordList = []
// 获取用户申请记录
// 獲取用戶申請記錄
const getUserApplyRecord = () => {
showLoading()
networkRequest({
@@ -55,7 +55,7 @@ const getUserApplyRecord = () => {
}
})
}
// 渲染申请记录
// 渲染申請記錄
const renderRecord = () => {
let str = '';
recordList.map(item => {
@@ -69,7 +69,7 @@ const renderRecord = () => {
</p>
</div>
<div class="isPass">
<p class='${item.auditType === 1 ? 'not-pass' : (item.auditType === 0 ? 'in-review' : '')}'>${item.auditType === 0 ? '待审核' : (item.auditType === 1 ? '未通过' : '已通过')}</p>
<p class='${item.auditType === 1 ? 'not-pass' : (item.auditType === 0 ? 'in-review' : '')}'>${item.auditType === 0 ? '待審核' : (item.auditType === 1 ? '未通過' : '已通過')}</p>
${item.remark ?
(item.remark.length > 8 ? `<p class="result">${item.remark.slice(0, 8) + '...'}</p>` : `<p class="result">${item.remark}</p>`) :
''
@@ -87,7 +87,7 @@ $(function () {
getUserApplyRecord()
}, 50)
// 页面全屏
// 頁面全屏
if (browser.android) {
window.androidJsObj.initShowNav(false)
} else {

4
view/peko/modules/fans_club/nameplate.html
View File

@@ -7,7 +7,7 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport"
content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no, viewport-fit=cover" />
<title>申请粉丝铭牌</title>
<title>申請粉絲銘牌</title>
<link rel="stylesheet" href="../../common/css/reset.css">
<link rel="stylesheet" href="./css/nameplate.css">
@@ -33,7 +33,7 @@
<div class="main">
<div class="nameplate"></div>
<div class="ipt">
<span>铭牌文案</span>
<span>銘牌文案</span>
<input type="text" maxlength="4" id="ipt">
</div>
<div class="apply_btn">