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

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

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