yinmeng/yinmeng-h5
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

完成首页任务接口联调暂存

Browse Source
This commit is contained in:
Dragon
2024-02-04 11:17:22 +08:00
parent ff64c396ec
commit 4b0993dee3
4 changed files with 60 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
view/yinmeng/activity/2024-lover/css/index.css
View File

@@ -1363,7 +1363,8 @@ body {
position: fixed; position: fixed;
width: 10rem; width: 10rem;
height: 2.2rem; height: 2.2rem;
left: 0; left: 50%;
transform: translateX(-50%);
bottom: 0rem; bottom: 0rem;
z-index: 99; z-index: 99;
background: url(../images/myBg2.png) no-repeat; background: url(../images/myBg2.png) no-repeat;

3
view/yinmeng/activity/2024-lover/css/index.scss
View File

@@ -1393,7 +1393,8 @@ body {
width: px2rem(750); width: px2rem(750);
height: 2.2rem; height: 2.2rem;
// height: 8.74667rem; // height: 8.74667rem;
left: 0; left: 50%;
transform: translateX(-50%);
bottom: 0rem; bottom: 0rem;
z-index: 99; z-index: 99;
background: url(../images/myBg2.png) no-repeat; background: url(../images/myBg2.png) no-repeat;

72
view/yinmeng/activity/2024-lover/index.html
View File

@@ -42,41 +42,43 @@
<!-- 铭牌 --> <!-- 铭牌 -->
<img src="./images/mp.png" alt="" class="mp"> <img src="./images/mp.png" alt="" class="mp">
<!-- 点亮列表 --> <!-- 点亮列表 -->
<div class="giftList giftList1 filter"> <div class="giftListBox">
<div class="qp"></div> <div class="giftList giftList1 filter">
<img src="./images/1.png" alt="" class="gift"> <div class="qp"></div>
<div class="giftName">白玫瑰</div> <img src="./images/1.png" alt="" class="gift">
<div class="giftVAlue">1314钻</div> <div class="giftName">白玫瑰</div>
</div> <div class="giftVAlue">1314钻</div>
<div class="giftList giftList2 filter"> </div>
<div class="qp"></div> <div class="giftList giftList2 filter">
<img src="./images/2.png" alt="" class="gift"> <div class="qp"></div>
<div class="giftName">红玫瑰</div> <img src="./images/2.png" alt="" class="gift">
<div class="giftVAlue">1314钻</div> <div class="giftName">红玫瑰</div>
</div> <div class="giftVAlue">1314钻</div>
<div class="giftList giftList3 filter"> </div>
<div class="qp"></div> <div class="giftList giftList3 filter">
<img src="./images/3.png" alt="" class="gift"> <div class="qp"></div>
<div class="giftName">粉玫瑰</div> <img src="./images/3.png" alt="" class="gift">
<div class="giftVAlue">1314钻</div> <div class="giftName">粉玫瑰</div>
</div> <div class="giftVAlue">1314钻</div>
<div class="giftList giftList4 filter"> </div>
<div class="qp"></div> <div class="giftList giftList4 filter">
<img src="./images/4.png" alt="" class="gift"> <div class="qp"></div>
<div class="giftName">彩玫瑰</div> <img src="./images/4.png" alt="" class="gift">
<div class="giftVAlue">1314钻</div> <div class="giftName">彩玫瑰</div>
</div> <div class="giftVAlue">1314钻</div>
<div class="giftList giftList5 filter"> </div>
<div class="qp"></div> <div class="giftList giftList5 filter">
<img src="./images/5.png" alt="" class="gift"> <div class="qp"></div>
<div class="giftName">炽热爱恋</div> <img src="./images/5.png" alt="" class="gift">
<div class="giftVAlue">1314钻</div> <div class="giftName">炽热爱恋</div>
</div> <div class="giftVAlue">1314钻</div>
<div class="giftList giftList6 filter"> </div>
<div class="qp"></div> <div class="giftList giftList6 filter">
<img src="./images/6.png" alt="" class="gift"> <div class="qp"></div>
<div class="giftName">纯白爱恋</div> <img src="./images/6.png" alt="" class="gift">
<div class="giftVAlue">1314钻</div> <div class="giftName">纯白爱恋</div>
<div class="giftVAlue">1314钻</div>
</div>
</div> </div>
</div> </div>

24
view/yinmeng/activity/2024-lover/js/index.js
View File

@@ -47,18 +47,32 @@ $(function () {
window.webkit.messageHandlers.closeWebView.postMessage(null) window.webkit.messageHandlers.closeWebView.postMessage(null)
} }
}) })
getTask();
}, 100) }, 100)
}) })
// 接口 // 获取任务接口
function get () { function getTask () {
showLoading() showLoading()
networkRequest({ networkRequest({
type: 'get', type: 'get',
url: urlPrefix + '', url: urlPrefix + '/activity/task/user',
data: { type: taskType }, data: { componentCode: 1 },
success (res) { success (res) {
if (res.code === 200) { if (res.code === 200) {
// 渲染合成列表
$('.page1 .bg1 .giftListBox .giftList').remove();
var str = '';
res.data.forEach((res, i) => {
str += `
<div class="giftList giftList${i + 1} ${res.completed ? '' : 'filter'}">
<div class="qp"></div>
<img src="${res.taskIcon}" alt="" class="gift">
<div class="giftName">${res.taskName}</div>
<div class="giftVAlue">${res.showValue}钻</div>
</div>
`
});
$('.page1 .bg1 .giftListBox').append(str);
} else { } else {
toastMsg(res.message) toastMsg(res.message)
} }