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-11 19:52:49 +08:00
parent dcd37e0628
commit d70ecbea4a
4 changed files with 18 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
view/peko/modules/luckyTarot/css/index.css
View File

@@ -1,3 +1,4 @@
@charset "UTF-8";
body {
width: 100%;
height: 21.65333rem;
@@ -609,13 +610,15 @@ h3 {
.winningRecord .winningRecord_in ul li {
background: none;
width: 100%;
height: 1.06667rem;
line-height: 1.06667rem;
height: 1.33333rem;
color: #FFEE9D;
font-size: 0.34667rem;
display: flex;
justify-content: space-between;
overflow: hidden;
word-wrap: break-word;
/* 使用自动换行功能 */
margin-bottom: 0.13333rem;
}
.winningRecord .winningRecord_in ul li div {
@@ -623,18 +626,12 @@ h3 {
width: 25%;
}
.winningRecord .winningRecord_in ul li .box {
line-height: 1.06667rem;
}
.winningRecord .winningRecord_in ul li .box_acitve {
line-height: 0.45rem;
margin-top: 0.1rem;
}
.winningRecord .winningRecord_in ul li .time {
line-height: 0.4rem;
margin-top: 0.2rem;
}
.winningRecord .winningRecord_in ul .active {

13
view/peko/modules/luckyTarot/css/index.scss
View File

@@ -619,31 +619,32 @@ h3 {
li {
background: none;
width: 100%;
height: px2rem(80);
line-height: px2rem(80);
height: px2rem(100);
// line-height: px2rem(100);
color: #FFEE9D;
font-size: px2rem(26);
display: flex;
justify-content: space-between;
overflow: hidden;
word-wrap: break-word; /* 使用自动换行功能 */
margin-bottom: px2rem(10);
div {
text-align: center;
width: 25%;
}
.box {
line-height: px2rem(80);
// line-height: px2rem(100);
}
.box_acitve {
line-height: 0.45rem;
margin-top: 0.1rem;
// margin-top: 0.1rem;
}
.time {
line-height: 0.4rem;
margin-top: 0.2rem;
// margin-top: 0.2rem;
}
}

4
view/peko/modules/luckyTarot/index.html
View File

@@ -9,7 +9,7 @@
<meta name="apple-mobile-web-app-capable" content="yes">
<title>幸運塔羅</title>
<link rel="stylesheet" href="../../common/css/reset.css">
<link rel="stylesheet" href="./css/index.css">
<link rel="stylesheet" href="./css/index.css?v=1.0">
</head>
<body>
@@ -169,4 +169,4 @@
<script src="../../common/js/layer.js"></script>
<script src="../../common/js/vconsole.min.js"></script>
<script src="../../common/js/svga.min.js"></script>
<script src="./js/index.js"></script>
<script src="./js/index.js?v=1.0"></script>

7
view/peko/modules/luckyTarot/js/index.js
View File

@@ -212,11 +212,12 @@ const recordPage = () => {
if (res.code == 200) {
var str = ''
res.data.records.forEach((res, i) => {
// <div>${JSON.parse(res.selectdNo).length}張</div>
str += `
<li calss="${i % 2 == 0 ? 'active' : ''}">
<div>${res.prodName}</div>
<div>${JSON.parse(res.selectdNo).length}張</div>
<div class="box ${res.win ? 'box_acitve' : ''}">${res.win ? `中獎<br>${res.receiveGoldNum}鉆石` : '未中獎'}</div>
<div>${res.selectdNo}</div>
<div class="box ${res.win ? 'box_acitve' : 'box_acitve'}">${res.win ? `中獎號碼: ${res.drawNum}<br>${res.receiveGoldNum}鉆石` :`未中獎<br>中獎號碼: ${res.drawNum}`}</div>
<div class="time">${dateFormat(res.createTime, 'yyyy.MM.dd')}<br>${dateFormat(res.createTime, 'hh:mm:ss')}</div>
</li>
`
@@ -344,7 +345,7 @@ function kineticEffect (arr, bool, data) {
$('.tarotBox .cardBoxText').hide();
$('.tarotBox .cardBoxText_gift').hide();
$('.cardBoxText_gx').html(`
<p>翻到鉆石卡!</p>
<p>翻到幸運數字${data.data.drawNum}！</p>
<p>獲得 <b>${data.data.receiveGoldNum}</b> 鉆石</p>
`)
$('.cardBoxText_gx').show();