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
2024-03-28 10:58:09 +08:00
parent ddc6d7e6c4
commit 00f179e786
4 changed files with 46 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
view/peko/modules/room_rank/css/index.css
View File

@@ -173,6 +173,7 @@ body {
left: 0;
bottom: -0.56rem;
text-align: center;
white-space: nowrap;
}
.largestBox .top3 .no1 .box p span {
@@ -272,6 +273,7 @@ body {
left: 0;
bottom: -0.56rem;
text-align: center;
white-space: nowrap;
}
.largestBox .top3 .no2 .box p span {
@@ -371,6 +373,7 @@ body {
left: 0;
bottom: -0.56rem;
text-align: center;
white-space: nowrap;
}
.largestBox .top3 .no3 .box p span {

3
view/peko/modules/room_rank/css/index.scss
View File

@@ -176,6 +176,7 @@ body {
left: 0;
bottom: px2rem(-42);
text-align: center;
white-space: nowrap;
span {
vertical-align: middle;
@@ -276,6 +277,7 @@ body {
left: 0;
bottom: px2rem(-42);
text-align: center;
white-space: nowrap;
span {
vertical-align: middle;
@@ -376,6 +378,7 @@ body {
left: 0;
bottom: px2rem(-42);
text-align: center;
white-space: nowrap;
span {
vertical-align: middle;

22
view/peko/modules/room_rank/index.html
View File

@@ -4,21 +4,21 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>房间榜</title>
<title>房間榜</title>
<link rel="stylesheet" href="../../common/css/reset.css">
<link rel="stylesheet" href="./css/index.css">
</head>
<body>
<!-- 最外层容器 -->
<!-- 最外層容器 -->
<div class="largestBox">
<!-- 标题 -->
<!-- 標題 -->
<img src="./images/title.png" alt="" class="title">
<!-- 财富榜&魅力榜 -->
<!-- 財富榜&魅力榜 -->
<div class="tab">
<div class="tabColor1">
爱意榜
愛意榜
<span></span>
</div>
<div class="">
@@ -39,14 +39,14 @@
<img src="./images/no1.png" alt="" class="ts">
<img src="./images/logo.png" alt="" class="tx">
<p>
<span class="sp1">我是很长的...</span>
<span class="sp1"></span>
<span class="sp boy"><img src="./images/boy.png" alt=""></span>
</p>
<div class="icon">
<img src="./images/icon1.png" alt="" class="icon1">
<img src="./images/icon2.png" alt="" class="icon2">
<img src="" alt="" class="icon1">
<img src="" alt="" class="icon2">
</div>
<div class="score">10000</div>
<div class="score">0</div>
</div>
</div>
<div class="no no2">
@@ -86,12 +86,12 @@
<div class="num">4</div>
<img src="./images/logo.png" alt="" class="tx">
<div class="userInfo">
<p>我是名字名字名字名字名字</p>
<p></p>
<img src="./images/icon1.png" alt="" class="icon1">
<img src="./images/icon2.png" alt="" class="icon2">
</div>
<div class="score">
<p>1000</p>
<p>0</p>
<span>魅力值</span>
</div>
</li>

52
view/peko/modules/room_rank/js/index.js
View File

@@ -5,9 +5,9 @@ var urlData = getQueryString();
if (env == 'test') {
new VConsole();
}
// 封装layer消息提醒框
// 封裝layer消息提醒框
let layerIndex
const showLoading = (content = '加载中...') => {
const showLoading = (content = '加載中...') => {
layer.open({
type: 2,
shadeClose: false,
@@ -30,12 +30,12 @@ const toastMsg = (content = '操作完成', time = 2) => {
var listType = 1;
var experImgUrl = 'https://yinmeng-1318633625.cos.ap-guangzhou.myqcloud.com/new_exper_';
var charmImgUrl = 'https://yinmeng-1318633625.cos.ap-guangzhou.myqcloud.com/new_charm_';
var typeWealth = 'day';//财富榜类型day 日 week 周 month 月 total 总
// 初始化函数
var typeWealth = 'day';//財富榜類型day 日 week 周 month 月 total 總
// 初始化函數
$(function () {
getInfoFromClient()
setTimeout(function () {
// 页面全屏
// 頁面全屏
if (browser.app) {
if (browser.android) {
window.androidJsObj.initShowNav(false)
@@ -43,7 +43,7 @@ $(function () {
window.webkit.messageHandlers.initShowNav.postMessage(0)
}
};
// 顶部返回事件
// 頂部返回事件
$('.back').click(() => {
if (browser.android) {
window.androidJsObj.closeWebView()
@@ -54,7 +54,7 @@ $(function () {
getRankingsWealth();
}, 100)
})
// 榜单切换
// 榜單切換
$('.largestBox .tab div').click(function () {
var i = $(this).index() + 1;
listType = i;
@@ -69,12 +69,12 @@ $('.largestBox .tab div').click(function () {
getReciveRankingsWealth();
}
})
// 日榜切换
// 日榜切換
$('.largestBox .dayTab div').click(function () {
var i = $(this).index() + 1;
$(this).addClass(`dayTabColor${listType}`).siblings().removeClass('dayTabColor1').removeClass('dayTabColor2');
if (i == 1) {
typeWealth = 'day';//财富榜类型day 日 week 周 month 月 total 总
typeWealth = 'day';//財富榜類型day 日 week 周 month 月 total 總
} else if (i == 2) {
typeWealth = 'week';
} else if (i == 3) {
@@ -86,7 +86,7 @@ $('.largestBox .dayTab div').click(function () {
getReciveRankingsWealth();
}
})
// 爱意榜接口
// 愛意榜接口
function getRankingsWealth () {
showLoading()
networkRequest({
@@ -108,7 +108,7 @@ function getRankingsWealth () {
},
error (err) {
hideLoading(layerIndex)
toastMsg('网络错误，请退出重进')
toastMsg('網絡錯誤，請退出重進')
}
})
}
@@ -134,19 +134,19 @@ function getReciveRankingsWealth () {
},
error (err) {
hideLoading(layerIndex)
toastMsg('网络错误，请退出重进')
toastMsg('網絡錯誤，請退出重進')
}
})
}
// 渲染样式
// 渲染樣式
function listDomFun (res, num) {
$('.largestBox ul li').remove();
// 处理前三
// 處理前三
var top3 = res.data.rankings.slice(0, 3);
if (top3.length < 3) {
let arr = new Array(3 - top3.length).fill({
avatar: './images/logo.png',
nick: '虚位以待',
nick: '虛位以待',
goldAmount: '',
})
top3.push(...arr);
@@ -165,35 +165,40 @@ function listDomFun (res, num) {
$(`.largestBox .top3 .no${i + 1} .box p .sp`).removeClass('boy').removeClass('woman')
$(`.largestBox .top3 .no${i + 1} .box p .sp`).addClass(`${res.gender == 1 ? 'boy' : 'woman'}`);
$(`.largestBox .top3 .no${i + 1} .box p .sp img`).attr('src', res.gender == 1 ? './images/boy.png' : './images/woman.png');
$(`.largestBox .top3 .no${i + 1} .box .icon .icon1`).attr('src', experImgUrl + `${res.experSeq <= 9 ? '0' + res.experSeq : res.experSeq}.png`)
$(`.largestBox .top3 .no${i + 1} .box .icon .icon2`).attr('src', charmImgUrl + `${res.charmSeq <= 9 ? '0' + res.charmSeq : res.charmSeq}.png`)
// $(`.largestBox .top3 .no${i + 1} .box .icon .icon1`).attr('src', experImgUrl + `${res.experSeq <= 9 ? '0' + res.experSeq : res.experSeq}.png`)
// $(`.largestBox .top3 .no${i + 1} .box .icon .icon2`).attr('src', charmImgUrl + `${res.charmSeq <= 9 ? '0' + res.charmSeq : res.charmSeq}.png`)
$(`.largestBox .top3 .no${i + 1} .box .icon .icon1`).attr('src', res.experUrl)
$(`.largestBox .top3 .no${i + 1} .box .icon .icon2`).attr('src', res.charmUrl)
$(`.largestBox .top3 .no${i + 1} .box .score`).text(unitProcessing(res.goldAmount, 10000, 1, 'W'));
})
// 处理非前三
// 處理非前三
var notTop3 = res.data.rankings.slice(3);
var str = '';
notTop3.forEach((res, i) => {
// experImgUrl + `${res.experSeq <= 9 ? '0' + res.experSeq : res.experSeq}.png`
// charmImgUrl + `${res.charmSeq <= 9 ? '0' + res.charmSeq : res.charmSeq}.png`
str += `
<li>
<div class="num">${i + 4}</div>
<img src="${res.avatar}" uid=${res.uid} alt="" class="tx">
<div class="userInfo">
<p>${res.nick}</p>
<img src="${experImgUrl + `${res.experSeq <= 9 ? '0' + res.experSeq : res.experSeq}.png`}" alt="" class="icon1">
<img src="${charmImgUrl + `${res.charmSeq <= 9 ? '0' + res.charmSeq : res.charmSeq}.png`}" alt="" class="icon2">
<img src="${res.experUrl}" alt="" class="icon1">
<img src="${res.charmUrl}" alt="" class="icon2">
</div>
<div class="score">
<p>${unitProcessing(res.goldAmount, 10000, 1, 'W')}</p>
<span>${num == 1 ? '爱意值' : '魅力值'}</span>
<span>${num == 1 ? '愛意值' : '魅力值'}</span>
</div>
</li>
`
})
$('.largestBox ul').append(str);
}
// 点击前三跳转房间
// 點擊前三跳轉房間
$('.largestBox').on('click', '.top3 .no .box .ts', function () {
var uid = $(this).attr('uid');
return;
if (browser.ios) {
window.webkit.messageHandlers.openPersonPage.postMessage(uid);
} else if (browser.android) {
@@ -202,9 +207,10 @@ $('.largestBox').on('click', '.top3 .no .box .ts', function () {
}
}
})
// 点击非前三跳转房间
// 點擊非前三跳轉房間
$('.largestBox').on('click', 'ul li .tx', function () {
var uid = $(this).attr('uid');
return;
if (browser.ios) {
window.webkit.messageHandlers.openPersonPage.postMessage(uid);
} else if (browser.android) {