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

联调点单信息接口

Browse Source
This commit is contained in:
dragon
2024-07-09 19:29:20 +08:00
parent 5824f20a25
commit e2fdfd02c3
4 changed files with 97 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
view/molistar/modules/order/css/index.css
View File

@@ -1,7 +1,14 @@
html,
body {
width: 100%;
height: 21.65333rem;
background: #19100F;
overflow-y: scroll;
}
html::-webkit-scrollbar,
body::-webkit-scrollbar {
display: none;
}
.back {
@@ -82,12 +89,12 @@ ul li .gameName1 {
color: #fff;
opacity: .6;
color: #CDCDCD;
font-size: 0.37333rem;
font-size: 0.26667rem;
}
ul li .gameName1 b {
color: #fff;
font-size: 0.42667rem;
font-size: 0.32rem;
}
ul li .gameName2 {
@@ -97,12 +104,12 @@ ul li .gameName2 {
color: #fff;
opacity: .6;
color: #CDCDCD;
font-size: 0.37333rem;
font-size: 0.26667rem;
}
ul li .gameName2 b {
color: #fff;
font-size: 0.42667rem;
font-size: 0.32rem;
}
ul li .gameGrade1 {
@@ -112,12 +119,12 @@ ul li .gameGrade1 {
color: #fff;
opacity: .6;
color: #CDCDCD;
font-size: 0.37333rem;
font-size: 0.26667rem;
}
ul li .gameGrade1 b {
color: #fff;
font-size: 0.42667rem;
font-size: 0.32rem;
}
ul li .gameGrade2 {
@@ -127,27 +134,27 @@ ul li .gameGrade2 {
color: #fff;
opacity: .6;
color: #CDCDCD;
font-size: 0.37333rem;
font-size: 0.26667rem;
}
ul li .gameGrade2 b {
color: #fff;
font-size: 0.42667rem;
font-size: 0.32rem;
}
ul li .txBg,
ul li .tx {
width: 3.41333rem;
height: 3.57333rem;
height: 3.6rem;
position: absolute;
right: 0.03867rem;
top: 0.076rem;
right: 0.06667rem;
top: 0.04867rem;
z-index: 2;
}
ul li .tx {
z-index: 1;
border-top-left-radius: 0.30667rem;
border-top-right-radius: 0.30667rem;
border-bottom-right-radius: 0.30667rem;
border-top-left-radius: 0.26667rem;
border-top-right-radius: 0.26667rem;
border-bottom-right-radius: 0.26667rem;
}

35
view/molistar/modules/order/css/index.scss
View File

@@ -5,7 +5,13 @@
html,
body {
width: 100%;
height: px2rem(1624);
background: #19100F;
overflow-y: scroll;
&::-webkit-scrollbar {
display: none;
}
}
.back {
@@ -41,6 +47,7 @@ body {
ul {
width: px2rem(704);
// height: px2rem(1052);
// height: 13.9rem;
position: relative;
margin: px2rem(-30) auto 0;
// overflow-y: scroll;
@@ -90,11 +97,11 @@ ul {
color: #fff;
opacity: .6;
color: #CDCDCD;
font-size: px2rem(28);
font-size: px2rem(20);
b {
color: #fff;
font-size: px2rem(32);
font-size: px2rem(24);
}
}
@@ -105,11 +112,11 @@ ul {
color: #fff;
opacity: .6;
color: #CDCDCD;
font-size: px2rem(28);
font-size: px2rem(20);
b {
color: #fff;
font-size: px2rem(32);
font-size: px2rem(24);
}
}
@@ -120,11 +127,11 @@ ul {
color: #fff;
opacity: .6;
color: #CDCDCD;
font-size: px2rem(28);
font-size: px2rem(20);
b {
color: #fff;
font-size: px2rem(32);
font-size: px2rem(24);
}
}
@@ -135,29 +142,29 @@ ul {
color: #fff;
opacity: .6;
color: #CDCDCD;
font-size: px2rem(28);
font-size: px2rem(20);
b {
color: #fff;
font-size: px2rem(32);
font-size: px2rem(24);
}
}
.txBg,
.tx {
width: px2rem(256);
height: px2rem(268);
height: px2rem(270);
position: absolute;
right: px2rem(2.9);
top: px2rem(5.7);
right: px2rem(5);
top: px2rem(3.65);
z-index: 2;
}
.tx {
z-index: 1;
border-top-left-radius: px2rem(23);
border-top-right-radius: px2rem(23);
border-bottom-right-radius: px2rem(23);
border-top-left-radius: px2rem(20);
border-top-right-radius: px2rem(20);
border-bottom-right-radius: px2rem(20);
}
}
}

4
view/molistar/modules/order/index.html
View File

@@ -16,7 +16,7 @@
</div>
<div class="header"></div>
<ul>
<li>
<!-- <li>
<div class="name">用户昵称</div>
<div class="id">0:ID</div>
<div class="gameName1"><b>吃鸡</b> :اسم اللعبة </div>
@@ -25,7 +25,7 @@
<div class="gameGrade2"><b>高</b> :مهارة</div>
<img src="./images/txBg.png" alt="" class="txBg">
<img src="./images/logo.png" alt="" class="tx">
</li>
</li> -->
</ul>
</body>

58
view/molistar/modules/order/js/index.js
View File

@@ -26,7 +26,8 @@ const toastMsg = (content = 'تم العملية', time = 2) => {
skin: 'msg'
})
}
var page = 1;
var isLock = true;
// 初始化函數
$(function () {
getInfoFromClient();
@@ -47,25 +48,72 @@ $(function () {
window.webkit.messageHandlers.closeWebView.postMessage(null)
}
})
$('ul li').remove();
getRecords();
}, 100)
})
function getRecords() {
showLoading()
networkRequest({
type: 'get',
url: urlPrefix + '/luckyBagFortunate/getRecords',
url: urlPrefix + '/gamePartnerInfo/pagePartner',
data: {
page,
pageSize: 10,
},
success(res) {
if (res.code === 200) {
var str = '';
if (res.data.rows.length == 0) {
isLock = false;
} else {
res.data.rows.forEach(res => {
str += `
<li>
<div class="name">${res.nick}</div>
<div class="id">${res.erbanNo}:ID</div>
${strFun(res.gamePartnerInfoList)}
<img src="./images/txBg.png" alt="" class="txBg">
<img src="${res.avatar}" alt="" class="tx">
</li>
`
});
isLock = true;
$('ul').append(str)
}
} else {
toastMsg(res.message)
}
hideLoading(layerIndex)
},
error(err) {
isLock = true;
hideLoading(layerIndex)
toastMsg("خطأ في الشبكة")
}
})
}
}
function strFun(data) {
var str = ''
data.forEach((res, i) => {
str += `
<div class="gameName${i + 1}"><b>${res.gameName}</b> :اسم اللعبة </div>
<div class="gameGrade${i + 1}"><b>${res.tags[0].tagVal}</b> :${res.tags[0].tagName}</div>
`
})
return str;
}
// 實力滾動監聽
$('body').scroll(function () {
let scrollTop = $(this).scrollTop()
let scrollHeight = $('body')[0].scrollHeight
let ulHeight = $(this).innerHeight()
if (scrollTop + ulHeight + 100 >= scrollHeight) {
if (isLock) {
// 請求下一頁
page = page + 1;
getRecords()
isLock = false;
}
}
})