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

view/yinmeng/activity/2024-lover/css/index.css

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

view/yinmeng/activity/2024-lover/css/index.scss

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

view/yinmeng/activity/2024-lover/index.html

@@ -42,6 +42,7 @@
             <!-- 铭牌 -->
             <img src="./images/mp.png" alt="" class="mp">
             <!-- 点亮列表 -->
+            <div class="giftListBox">
                 <div class="giftList giftList1 filter">
                     <div class="qp"></div>
                     <img src="./images/1.png" alt="" class="gift">
@@ -79,6 +80,7 @@
                     <div class="giftVAlue">1314钻</div>
                 </div>
             </div>
+        </div>
 
         <div class="bg2">
             <!-- 标题 -->

view/yinmeng/activity/2024-lover/js/index.js

@@ -47,18 +47,32 @@ $(function () {
                 window.webkit.messageHandlers.closeWebView.postMessage(null)
             }
         })
-
+        getTask();
     }, 100)
 })
-// 接口
+// 获取任务接口
-function get () {
+function getTask () {
     showLoading()
     networkRequest({
         type: 'get',
-        url: urlPrefix + '',
+        url: urlPrefix + '/activity/task/user',
-        data: { type: taskType },
+        data: { componentCode: 1 },
         success (res) {
             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 {
                 toastMsg(res.message)
             }