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

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

@@ -619,31 +619,32 @@ h3 {
li { li {
background: none; background: none;
width: 100%; width: 100%;
height: px2rem(80); height: px2rem(100);
line-height: px2rem(80); // line-height: px2rem(100);
color: #FFEE9D; color: #FFEE9D;
font-size: px2rem(26); font-size: px2rem(26);
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
overflow: hidden; overflow: hidden;
word-wrap: break-word; /* 使用自动换行功能 */
margin-bottom: px2rem(10);
div { div {
text-align: center; text-align: center;
width: 25%; width: 25%;
} }
.box { .box {
line-height: px2rem(80); // line-height: px2rem(100);
} }
.box_acitve { .box_acitve {
line-height: 0.45rem; line-height: 0.45rem;
margin-top: 0.1rem; // margin-top: 0.1rem;
} }
.time { .time {
line-height: 0.4rem; 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"> <meta name="apple-mobile-web-app-capable" content="yes">
<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/index.css"> <link rel="stylesheet" href="./css/index.css?v=1.0">
</head> </head>
<body> <body>
@@ -169,4 +169,4 @@
<script src="../../common/js/layer.js"></script> <script src="../../common/js/layer.js"></script>
<script src="../../common/js/vconsole.min.js"></script> <script src="../../common/js/vconsole.min.js"></script>
<script src="../../common/js/svga.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) { if (res.code == 200) {
var str = '' var str = ''
res.data.records.forEach((res, i) => { res.data.records.forEach((res, i) => {
// <div>${JSON.parse(res.selectdNo).length}張</div>
str += ` str += `
<li calss="${i % 2 == 0 ? 'active' : ''}"> <li calss="${i % 2 == 0 ? 'active' : ''}">
<div>${res.prodName}</div> <div>${res.prodName}</div>
<div>${JSON.parse(res.selectdNo).length}張</div> <div>${res.selectdNo}</div>
<div class="box ${res.win ? 'box_acitve' : ''}">${res.win ? `中獎<br>${res.receiveGoldNum}鉆石` : '未中獎'}</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> <div class="time">${dateFormat(res.createTime, 'yyyy.MM.dd')}<br>${dateFormat(res.createTime, 'hh:mm:ss')}</div>
</li> </li>
` `
@@ -344,7 +345,7 @@ function kineticEffect (arr, bool, data) {
$('.tarotBox .cardBoxText').hide(); $('.tarotBox .cardBoxText').hide();
$('.tarotBox .cardBoxText_gift').hide(); $('.tarotBox .cardBoxText_gift').hide();
$('.cardBoxText_gx').html(` $('.cardBoxText_gx').html(`
<p>翻到鉆石卡!</p> <p>翻到幸運數字${data.data.drawNum}！</p>
<p>獲得 <b>${data.data.receiveGoldNum}</b> 鉆石</p> <p>獲得 <b>${data.data.receiveGoldNum}</b> 鉆石</p>
`) `)
$('.cardBoxText_gx').show(); $('.cardBoxText_gx').show();