From ebc54bd4a0c11c36b27de9947d26e6f73e34f510 Mon Sep 17 00:00:00 2001
From: Dragon <13925835632@139.com>
Date: Tue, 23 Jan 2024 17:20:11 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E7=82=B9=E5=87=BB=E5=AD=97?=
 =?UTF-8?q?=E6=AE=B5=E4=BC=A0=E5=8F=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 view/peko/home/css/index.css  |  84 +++++++++++++++-------------
 view/peko/home/css/index.scss | 100 ++++++++++++++++++++--------------
 view/peko/home/js/index.js    |  18 +++---
 3 files changed, 116 insertions(+), 86 deletions(-)

diff --git a/view/peko/home/css/index.css b/view/peko/home/css/index.css
index c863edd..cad8bc6 100644
--- a/view/peko/home/css/index.css
+++ b/view/peko/home/css/index.css
@@ -197,11 +197,11 @@
   }
   body .header .name,
   html .header .name {
-    font-size: 0.53333rem;
+    font-size: 0.46667rem;
     color: #FFFFFF;
     font-weight: 800;
     float: left;
-    margin-top: 0.08rem;
+    margin-top: 0.2rem;
   }
   body .header .diamound,
   html .header .diamound {
@@ -225,6 +225,7 @@
     width: 0.50667rem;
     height: 0.42667rem;
     display: inline-block;
+    margin-top: -0.1rem;
   }
   body .header .more,
   html .header .more {
@@ -253,7 +254,7 @@
     width: 100%;
     height: 100%;
     background: url(../images/h51.png) no-repeat;
-    background-size: 100% 17.78667rem;
+    background-size: 100% 100%;
     position: relative;
     overflow: hidden;
   }
@@ -270,8 +271,10 @@
   html .h5 .pagesBox .page1 .downioad {
     width: 6.58667rem;
     height: 1.38667rem;
-    position: relative;
-    margin: 9rem auto 0;
+    position: absolute;
+    left: 50%;
+    transform: translateX(-50%);
+    bottom: 3.41333rem;
     display: block;
   }
   body .h5 .pagesBox .page1 .down,
@@ -281,7 +284,7 @@
     position: absolute;
     left: 50%;
     transform: translateX(-50%);
-    top: 16.18667rem;
+    bottom: 0.96rem;
   }
   body .h5 .pagesBox .page2,
   html .h5 .pagesBox .page2 {
@@ -306,7 +309,7 @@
     position: absolute;
     left: 50%;
     transform: translateX(-50%);
-    top: 4.48rem;
+    bottom: 2.58667rem;
   }
   body .h5 .pagesBox .page2 .pagetx1,
   html .h5 .pagesBox .page2 .pagetx1 {
@@ -314,7 +317,7 @@
     height: 4.10667rem;
     position: absolute;
     left: 5.97333rem;
-    top: 5.41333rem;
+    bottom: 8.26667rem;
   }
   body .h5 .pagesBox .page2 .pagetx2,
   html .h5 .pagesBox .page2 .pagetx2 {
@@ -322,16 +325,17 @@
     height: 3.52rem;
     position: absolute;
     left: 0.53333rem;
-    top: 10.26667rem;
+    bottom: 4rem;
   }
   body .h5 .pagesBox .page2 .downioad,
   html .h5 .pagesBox .page2 .downioad {
     width: 6.58667rem;
     height: 1.38667rem;
-    position: relative;
+    position: absolute;
+    left: 50%;
+    transform: translateX(-50%);
+    bottom: 1.92rem;
     display: block;
-    margin: 0 auto;
-    top: 12.93333rem;
   }
   body .h5 .pagesBox .page2 .down,
   html .h5 .pagesBox .page2 .down {
@@ -340,7 +344,7 @@
     position: absolute;
     left: 50%;
     transform: translateX(-50%);
-    top: 16.18667rem;
+    bottom: 0.96rem;
   }
   body .h5 .pagesBox .page3,
   html .h5 .pagesBox .page3 {
@@ -365,7 +369,7 @@
     position: absolute;
     left: 50%;
     transform: translateX(-50%);
-    top: 4.48rem;
+    bottom: 2.58667rem;
   }
   body .h5 .pagesBox .page3 .page3Icon1,
   html .h5 .pagesBox .page3 .page3Icon1 {
@@ -373,7 +377,7 @@
     height: 3.06667rem;
     position: absolute;
     left: 5.68rem;
-    top: 6.08rem;
+    bottom: 8.64rem;
   }
   body .h5 .pagesBox .page3 .page3Icon2,
   html .h5 .pagesBox .page3 .page3Icon2 {
@@ -381,7 +385,7 @@
     height: 2.05333rem;
     position: absolute;
     left: 1.52rem;
-    top: 5.89333rem;
+    bottom: 9.84rem;
   }
   body .h5 .pagesBox .page3 .page3Icon3,
   html .h5 .pagesBox .page3 .page3Icon3 {
@@ -389,7 +393,7 @@
     height: 1.89333rem;
     position: absolute;
     left: 5.86667rem;
-    top: 10.88rem;
+    bottom: 5.01333rem;
   }
   body .h5 .pagesBox .page3 .page3Icon4,
   html .h5 .pagesBox .page3 .page3Icon4 {
@@ -397,16 +401,17 @@
     height: 2.34667rem;
     position: absolute;
     left: 0.26667rem;
-    top: 11.65333rem;
+    bottom: 3.78667rem;
   }
   body .h5 .pagesBox .page3 .downioad,
   html .h5 .pagesBox .page3 .downioad {
     width: 6.58667rem;
     height: 1.38667rem;
-    position: relative;
+    position: absolute;
+    left: 50%;
+    transform: translateX(-50%);
+    bottom: 1.92rem;
     display: block;
-    margin: 0 auto;
-    top: 12.93333rem;
   }
   body .h5 .pagesBox .page3 .down,
   html .h5 .pagesBox .page3 .down {
@@ -415,7 +420,7 @@
     position: absolute;
     left: 50%;
     transform: translateX(-50%);
-    top: 16.18667rem;
+    bottom: 0.96rem;
   }
   body .h5 .pagesBox .page4,
   html .h5 .pagesBox .page4 {
@@ -440,7 +445,7 @@
     position: absolute;
     left: 50%;
     transform: translateX(-50%);
-    top: 4.50667rem;
+    bottom: 2.58667rem;
   }
   body .h5 .pagesBox .page4 .page4Icon1,
   html .h5 .pagesBox .page4 .page4Icon1 {
@@ -448,7 +453,7 @@
     height: 6.13333rem;
     position: absolute;
     left: 0.08rem;
-    top: 5.70667rem;
+    bottom: 5.94667rem;
   }
   body .h5 .pagesBox .page4 .page4Icon2,
   html .h5 .pagesBox .page4 .page4Icon2 {
@@ -456,16 +461,17 @@
     height: 6.13333rem;
     position: absolute;
     left: 3.28rem;
-    top: 8.66667rem;
+    bottom: 2.98667rem;
   }
   body .h5 .pagesBox .page4 .downioad,
   html .h5 .pagesBox .page4 .downioad {
     width: 6.58667rem;
     height: 1.38667rem;
-    position: relative;
-    top: 12.93333rem;
+    position: absolute;
+    left: 50%;
+    transform: translateX(-50%);
+    bottom: 1.92rem;
     display: block;
-    margin: 0 auto;
   }
   body .h5 .pagesBox .page4 .down,
   html .h5 .pagesBox .page4 .down {
@@ -474,7 +480,7 @@
     position: absolute;
     left: 50%;
     transform: translateX(-50%);
-    top: 16.18667rem;
+    bottom: 0.96rem;
   }
   body .h5 .pagesBox .page5,
   html .h5 .pagesBox .page5 {
@@ -498,10 +504,12 @@
   html .h5 .pagesBox .page5 .contactUs {
     width: 3.62667rem;
     height: 1.22667rem;
-    position: relative;
+    position: absolute;
     display: block;
     margin: 0 auto;
-    top: 5rem;
+    left: 50%;
+    transform: translateX(-50%);
+    bottom: 7.01333rem;
   }
   body .h5 .pagesBox .page5 .bootom,
   html .h5 .pagesBox .page5 .bootom {
@@ -522,10 +530,11 @@
   html .h5 .pagesBox .page5 .downioad {
     width: 6.58667rem;
     height: 1.38667rem;
-    position: relative;
-    top: 6rem;
+    position: absolute;
+    left: 50%;
+    transform: translateX(-50%);
+    bottom: 3.41333rem;
     display: block;
-    margin: 0 auto;
   }
   body .h5 .pagesBox .page5 .down,
   html .h5 .pagesBox .page5 .down {
@@ -534,7 +543,7 @@
     position: absolute;
     left: 50%;
     transform: translateX(-50%);
-    top: 19.57333rem;
+    bottom: 0.96rem;
   }
   body .h5 .menu,
   html .h5 .menu {
@@ -583,11 +592,11 @@
   }
   body .h5 .menu .top .name,
   html .h5 .menu .top .name {
-    font-size: 0.53333rem;
+    font-size: 0.46667rem;
     color: #FFFFFF;
     font-weight: 800;
     float: left;
-    margin-top: 0.08rem;
+    margin-top: 0.2rem;
   }
   body .h5 .menu .top .diamound,
   html .h5 .menu .top .diamound {
@@ -611,6 +620,7 @@
     width: 0.50667rem;
     height: 0.42667rem;
     display: inline-block;
+    margin-top: -0.1rem;
   }
   body .h5 .menu .top .close,
   html .h5 .menu .top .close {
diff --git a/view/peko/home/css/index.scss b/view/peko/home/css/index.scss
index 7e7dd26..b620097 100644
--- a/view/peko/home/css/index.scss
+++ b/view/peko/home/css/index.scss
@@ -211,11 +211,11 @@
             }
 
             .name {
-                font-size: 0.53333rem;
+                font-size: px2rem(35);
                 color: #FFFFFF;
                 font-weight: 800;
                 float: left;
-                margin-top: px2rem(6);
+                margin-top: 0.2rem;
             }
 
             .diamound {
@@ -238,6 +238,7 @@
                     width: px2rem(38);
                     height: px2rem(32);
                     display: inline-block;
+                    margin-top: -0.1rem;
                 }
             }
 
@@ -266,8 +267,8 @@
                 .page1 {
                     width: 100%;
                     height: 100%;
-                    background: url(../images/h51.png) no-repeat ;
-                    background-size: 100% px2rem(1334);
+                    background: url(../images/h51.png) no-repeat;
+                    background-size: 100% 100%;
                     position: relative;
                     overflow: hidden;
 
@@ -283,8 +284,10 @@
                     .downioad {
                         width: px2rem(494);
                         height: px2rem(104);
-                        position: relative;
-                        margin: 9rem auto 0;
+                        position: absolute;
+                        left: 50%;
+                        transform: translateX(-50%);
+                        bottom: px2rem(256);
                         display: block;
                     }
 
@@ -294,7 +297,7 @@
                         position: absolute;
                         left: 50%;
                         transform: translateX(-50%);
-                        top: px2rem(1214);
+                        bottom: px2rem(72);
                     }
 
                 }
@@ -321,7 +324,7 @@
                         position: absolute;
                         left: 50%;
                         transform: translateX(-50%);
-                        top: px2rem(336);
+                        bottom: px2rem(194);
                     }
 
                     .pagetx1 {
@@ -329,7 +332,8 @@
                         height: px2rem(308);
                         position: absolute;
                         left: px2rem(448);
-                        top: px2rem(406);
+                        // top: px2rem(406);
+                        bottom: px2rem(620);
                     }
 
                     .pagetx2 {
@@ -337,16 +341,18 @@
                         height: px2rem(264);
                         position: absolute;
                         left: px2rem(40);
-                        top: px2rem(770);
+                        // top: px2rem(770);
+                        bottom: px2rem(300);
                     }
 
                     .downioad {
                         width: px2rem(494);
                         height: px2rem(104);
-                        position: relative;
+                        position: absolute;
+                        left: 50%;
+                        transform: translateX(-50%);
+                        bottom: px2rem(144);
                         display: block;
-                        margin: 0 auto;
-                        top: px2rem(970);
                     }
 
                     .down {
@@ -355,7 +361,7 @@
                         position: absolute;
                         left: 50%;
                         transform: translateX(-50%);
-                        top: px2rem(1214);
+                        bottom: px2rem(72);
                     }
                 }
 
@@ -383,7 +389,8 @@
                         position: absolute;
                         left: 50%;
                         transform: translateX(-50%);
-                        top: px2rem(336);
+                        // top: px2rem(336);
+                        bottom: px2rem(194);
                     }
 
                     .page3Icon1 {
@@ -391,7 +398,8 @@
                         height: px2rem(230);
                         position: absolute;
                         left: px2rem(426);
-                        top: px2rem(456);
+                        // top: px2rem(456);
+                        bottom: px2rem(648);
                     }
 
                     .page3Icon2 {
@@ -399,7 +407,8 @@
                         height: px2rem(154);
                         position: absolute;
                         left: px2rem(114);
-                        top: px2rem(442);
+                        // top: px2rem(442);
+                        bottom: px2rem(738);
                     }
 
                     .page3Icon3 {
@@ -407,7 +416,8 @@
                         height: px2rem(142);
                         position: absolute;
                         left: px2rem(440);
-                        top: px2rem(816);
+                        // top: px2rem(816);
+                        bottom: px2rem(376);
                     }
 
                     .page3Icon4 {
@@ -415,18 +425,18 @@
                         height: px2rem(176);
                         position: absolute;
                         left: px2rem(20);
-                        top: px2rem(874);
+                        // top: px2rem(874);
+                        bottom: px2rem(284);
                     }
 
                     .downioad {
                         width: px2rem(494);
                         height: px2rem(104);
-                        position: relative;
-                        // left: 50%;
-                        // transform: translateX(-50%);
+                        position: absolute;
+                        left: 50%;
+                        transform: translateX(-50%);
+                        bottom: px2rem(144);
                         display: block;
-                        margin: 0 auto;
-                        top: px2rem(970);
                     }
 
                     .down {
@@ -435,7 +445,7 @@
                         position: absolute;
                         left: 50%;
                         transform: translateX(-50%);
-                        top: px2rem(1214);
+                        bottom: px2rem(72);
                     }
                 }
 
@@ -461,7 +471,8 @@
                         position: absolute;
                         left: 50%;
                         transform: translateX(-50%);
-                        top: px2rem(338);
+                        // top: px2rem(338);
+                        bottom: px2rem(194);
                     }
 
                     .page4Icon1 {
@@ -469,7 +480,8 @@
                         height: px2rem(460);
                         position: absolute;
                         left: px2rem(6);
-                        top: px2rem(428);
+                        // top: px2rem(428);
+                        bottom: px2rem(446);
                     }
 
                     .page4Icon2 {
@@ -477,16 +489,18 @@
                         height: px2rem(460);
                         position: absolute;
                         left: px2rem(246);
-                        top: px2rem(650);
+                        // top: px2rem(650);
+                        bottom: px2rem(224);
                     }
 
                     .downioad {
                         width: px2rem(494);
                         height: px2rem(104);
-                        position: relative;
-                        top: px2rem(970);
+                        position: absolute;
+                        left: 50%;
+                        transform: translateX(-50%);
+                        bottom: px2rem(144);
                         display: block;
-                        margin: 0 auto;
                     }
 
                     .down {
@@ -495,7 +509,7 @@
                         position: absolute;
                         left: 50%;
                         transform: translateX(-50%);
-                        top: px2rem(1214);
+                        bottom: px2rem(72);
                     }
                 }
 
@@ -520,10 +534,13 @@
                     .contactUs {
                         width: px2rem(272);
                         height: px2rem(92);
-                        position: relative;
+                        position: absolute;
                         display: block;
                         margin: 0 auto;
-                        top: 5rem;
+                        left: 50%;
+                        transform: translateX(-50%);
+                        // top: 5rem;
+                        bottom: px2rem(526);
                     }
 
                     .bootom {
@@ -541,13 +558,15 @@
                         }
                     }
 
+                    
                     .downioad {
                         width: px2rem(494);
                         height: px2rem(104);
-                        position: relative;
-                        top: 6rem;
+                        position: absolute;
+                        left: 50%;
+                        transform: translateX(-50%);
+                        bottom: px2rem(256);
                         display: block;
-                        margin: 0 auto;
                     }
 
                     .down {
@@ -556,7 +575,7 @@
                         position: absolute;
                         left: 50%;
                         transform: translateX(-50%);
-                        top: px2rem(1468);
+                        bottom: px2rem(72);
                     }
                 }
             }
@@ -608,11 +627,11 @@
                     }
 
                     .name {
-                        font-size: 0.53333rem;
+                        font-size: px2rem(35);
                         color: #FFFFFF;
                         font-weight: 800;
                         float: left;
-                        margin-top: px2rem(6);
+                        margin-top: 0.2rem;
                     }
 
                     .diamound {
@@ -635,6 +654,7 @@
                             width: px2rem(38);
                             height: px2rem(32);
                             display: inline-block;
+                            margin-top: -0.1rem;
                         }
                     }
 
diff --git a/view/peko/home/js/index.js b/view/peko/home/js/index.js
index 4309d5f..2ce012b 100644
--- a/view/peko/home/js/index.js
+++ b/view/peko/home/js/index.js
@@ -71,12 +71,12 @@ function getConfig () {
     })
 }
 // 点击记录接口
-function officialClick (downloadType) {
+function officialClick (downloadType, downloadUrl) {
     // showLoading();
     networkRequest({
         type: 'GET',
         url: urlPrefix + '/official/click',
-        data: { downloadType, },
+        data: { downloadType, downloadUrl },
         success (res) {
         },
         error (err) {
@@ -116,7 +116,7 @@ $('body .h5').on('touchend', function (e) {
 // 動畫調用
 function animatedImplementFun (index) {
     if (index == 0) {
-        animatedFun($(`body .h5 .pagesBox .page1 .pageTxte1`), ['animate__zoomInDown',]);
+        // animatedFun($(`body .h5 .pagesBox .page1 .pageTxte1`), ['animate__zoomInDown',]);
         // animatedFun($(`body .h5 .pagesBox .page1 .downioad`), ['animate__wobble',]);
     } else if (index == 1) {
         // animatedFun($(`body .h5 .pagesBox .page2 .pageText2`), ['animate__bounce',]);
@@ -160,7 +160,7 @@ $('body .pc .header .diamound, html .pc .header .diamound').click(function () {
 // PC蘋果下載按鈕
 $('html .pc .pcIos').click(function () {
     if (ios) {
-        officialClick(0);
+        officialClick(0,ios);
         window.location = ios;
     } else {
         toastMsg('暫未開放下載，詳情請聯繫客服')
@@ -169,7 +169,7 @@ $('html .pc .pcIos').click(function () {
 // PC安卓下載按鈕
 $('html .pc .pcAnd').click(function () {
     if (and) {
-        officialClick(1);
+        officialClick(1,and);
         window.location = and;
     } else {
         toastMsg('暫未開放下載，詳情請聯繫客服')
@@ -215,7 +215,7 @@ $('.page5 .contactUs').click(function () {
 // h5首頁安卓下載
 $('body .h5 .pagesBox .page1 .h5And').click(function () {
     if (and) {
-        officialClick(1);
+        officialClick(1,and);
         window.location = and;
     } else {
         toastMsg('暫未開放下載，詳情請聯繫客服')
@@ -224,7 +224,7 @@ $('body .h5 .pagesBox .page1 .h5And').click(function () {
 // h5首頁蘋果下載
 $('body .h5 .pagesBox .page1 .h5Ios').click(function () {
     if (ios) {
-        officialClick(0);
+        officialClick(0,ios);
         window.location = ios;
     } else {
         toastMsg('暫未開放下載，詳情請聯繫客服')
@@ -234,10 +234,10 @@ $('body .h5 .pagesBox .page1 .h5Ios').click(function () {
 $('body .h5 .pagesBox .pages .downioad').click(function () {
     if (url) {
         if (browser.ios) {
-            officialClick(0);
+            officialClick(0,url);
             window.location = url;
         } else if (browser.android) {
-            officialClick(1);
+            officialClick(1,url);
             window.location = url;
         } else {
             $('.menu').css("z-index", "1");