寻爱之旅：充值跳转问题

view/peko/activity/act-ocean/css/index.css

@@ -11,26 +11,9 @@
 html,
 body {
   font-family: "din-medium";
-  background: #E17E3D;
+  background: #C8864C;
   overflow-x: hidden;
 }
-html::-webkit-scrollbar,
-body::-webkit-scrollbar {
-  display: none;
-}
-
-.back {
-  position: fixed;
-  top: 0.9333333333rem;
-  left: 0.4533333333rem;
-  z-index: 9;
-  width: 0.8266666667rem;
-  height: 0.8266666667rem;
-}
-.back img {
-  width: 100%;
-  height: 100%;
-}
 
 .wrap {
   width: 100%;
@@ -39,14 +22,6 @@ body::-webkit-scrollbar {
 }
 .wrap .banner {
   width: 100%;
-  position: relative;
-}
-.wrap .banner .subtitle {
-  position: absolute;
-  top: 0.12rem;
-  right: 1.12rem;
-  width: 1.8666666667rem;
-  height: 1.12rem;
 }
 .wrap .rule,
 .wrap .record {
@@ -64,79 +39,46 @@ body::-webkit-scrollbar {
 .wrap .record {
   top: 2.8533333333rem;
 }
-.wrap .previous_Round_Result {
+.wrap .previous-result {
-  width: 9.4266666667rem;
-  height: 1.52rem;
   position: absolute;
-  top: 16.1rem;
+  top: 14.9333333333rem;
   left: 50%;
   transform: translateX(-50%);
-  background: url(../images/previous_Round_Result.png) no-repeat;
+  width: 9.4666666667rem;
-  background-size: 100% 100%;
+  height: 0.9066666667rem;
+  font-family: "pingfang-bold";
+  font-size: 0.4rem;
+  font-weight: bold;
+  color: white;
+  display: flex;
+  align-items: center;
+  background: url("../images/previous-result-bg.png") no-repeat 0 0/100% 100%;
   z-index: 9;
 }
-.wrap .previous_Round_Result span {
+.wrap .previous-result span {
-  color: #fff;
-  position: absolute;
   font-weight: bold;
   margin-left: 0.36rem;
   text-shadow: 1px 1px 0px #fc8321, -1px -1px 0px #fc8321, 1px 1px 0px #fc8321, -1px -1px 0px #fc8321, 1px 1px 0px #fc8321, -1px -1px 0px #fc8321;
-  font-size: 0.48rem;
-  left: 0rem;
-  bottom: 1.65rem;
-  background: url(../images/wljg.png) no-repeat;
-  background-size: 100% 100%;
-  width: 1.7066666667rem;
-  height: 0.5066666667rem;
-  position: absolute;
 }
-.wrap .previous_Round_Result .box {
+.wrap .previous-result .result-list {
-  width: 9.4266666667rem;
-  height: 100%;
-  position: absolute;
-  left: 0;
-  top: 0;
-  box-sizing: border-box;
-  padding: 0.2533333333rem 0.1333333333rem 0 0.1333333333rem;
-  overflow-x: scroll;
-}
-.wrap .previous_Round_Result .box::-webkit-scrollbar {
-  height: 2px;
-  display: none;
-}
-.wrap .previous_Round_Result .box ul {
-  width: 35rem;
-  height: 100%;
-}
-.wrap .previous_Round_Result .box ul li {
-  float: left;
-  width: 1.6266666667rem;
-  height: 0.9733333333rem;
-  background: url(../images/previous_Round_Result_Li.png) no-repeat;
-  background-size: 100% 100%;
   display: flex;
-  justify-content: space-around;
-  flex-wrap: wrap;
-  box-sizing: border-box;
-  align-items: center;
-  margin-right: 0.1066666667rem;
 }
-.wrap .previous_Round_Result .box ul li p {
+.wrap .previous-result .result-list p {
-  display: block;
+  width: 0.5333333333rem;
-  width: 0.3333333333rem;
+  height: 0.5333333333rem;
-  height: 0.3333333333rem;
+  margin-left: 0.1066666667rem;
-  background: url(../images/record_bubble.png) no-repeat;
+  background: url("../images/little-bubble.png") 0 0/100% 100%;
-  background-size: 100% 100%;
-  position: relative;
-  margin: 0 0.0266666667rem;
 }
-.wrap .previous_Round_Result .box ul li p img {
+.wrap .previous-result .result-list p img {
-  display: block;
+  width: 100%;
-  width: 80%;
+}
-  position: absolute;
+.wrap .previous-result .more-result {
-  left: 50%;
+  width: 0.56rem;
-  top: 50%;
+  height: 0.5866666667rem;
-  transform: translate(-50%, -50%);
+  margin-left: 0.2rem;
+}
+.wrap .previous-result .more-result img {
+  width: 100%;
 }
 .wrap .mall {
   position: absolute;
@@ -198,7 +140,6 @@ body::-webkit-scrollbar {
   padding-left: 0.6266666667rem;
 }
 .wrap .game-area .select-time ul li {
-  transition: all, 0.2s;
   position: relative;
   z-index: 99;
   width: 1.84rem;
@@ -360,37 +301,16 @@ body::-webkit-scrollbar {
   background: url("../images/tip.png") no-repeat 0 0/100% 100%;
   text-align: center;
   font-size: 0.2933333333rem;
-  color: #FFF0C799;
+  color: rgba(255, 240, 199, 0.6);
   font-weight: bold;
 }
-.wrap .game-area .wait-time-s {
-  width: 10rem;
-  height: 9.0666666667rem;
-  position: absolute;
-  top: 1.5rem;
-  left: 50%;
-  transform: translateX(-50%);
-  z-index: 5;
-}
-.wrap .game-area .wait-time-x {
-  width: 10rem;
-  height: 9.0666666667rem;
-  position: absolute;
-  top: 1.4rem;
-  left: 50%;
-  transform: translateX(-50%);
-}
 .wrap .game-area .draw-time {
   display: none;
-  width: 55%;
+  width: 2.8rem;
   height: 2.84rem;
-  margin: 1.8rem auto 0.2rem;
+  margin: 1.2rem auto 0.2rem;
+  background: url("../images/drawBg.png");
   background-size: 100% 100%;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  flex-flow: row wrap;
-  box-sizing: border-box;
 }
 .wrap .game-area .draw-time .count-down,
 .wrap .game-area .draw-time .current-tip {
@@ -421,7 +341,7 @@ body::-webkit-scrollbar {
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
-  bottom: 2.3rem;
+  bottom: 3.1rem;
   width: 100%;
   height: 4rem;
 }
@@ -471,18 +391,13 @@ body::-webkit-scrollbar {
 }
 .wrap .game-area .draw-time .top-three .top-three-list .no1 .nick {
   width: 100%;
-  height: 1rem;
-  line-height: 0.6rem;
   font-size: 0.2933333333rem;
   color: #fff;
   text-align: center;
   position: absolute;
-  top: 1.1333333333rem;
+  top: 1.1733333333rem;
   left: 50%;
   transform: translateX(-50%);
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
 }
 .wrap .game-area .draw-time .top-three .top-three-list .no1 .num {
   width: 100%;
@@ -528,18 +443,13 @@ body::-webkit-scrollbar {
 }
 .wrap .game-area .draw-time .top-three .top-three-list .no2 .nick {
   width: 100%;
-  height: 1rem;
-  line-height: 0.6rem;
   font-size: 0.2933333333rem;
   color: #fff;
   text-align: center;
   position: absolute;
-  top: 0.9333333333rem;
+  top: 1.0133333333rem;
   left: 50%;
   transform: translateX(-50%);
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
 }
 .wrap .game-area .draw-time .top-three .top-three-list .no2 .num {
   width: 100%;
@@ -586,18 +496,13 @@ body::-webkit-scrollbar {
 }
 .wrap .game-area .draw-time .top-three .top-three-list .no3 .nick {
   width: 100%;
-  height: 1rem;
-  line-height: 0.6rem;
   font-size: 0.2933333333rem;
   color: #fff;
   text-align: center;
   position: absolute;
-  top: 0.9333333333rem;
+  top: 1.0133333333rem;
   left: 50%;
   transform: translateX(-50%);
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
 }
 .wrap .game-area .draw-time .top-three .top-three-list .no3 .num {
   width: 100%;
@@ -616,20 +521,15 @@ body::-webkit-scrollbar {
   color: #fff;
 }
 .wrap .game-area .draw-time .draw-pic {
-  z-index: 1;
-  width: 1.3466666667rem;
-  height: 1.3466666667rem;
-  margin: 0 auto 0;
-  background: url("../images/drawBg.png") no-repeat;
-  background-size: 100% 100%;
-  position: relative;
-}
-.wrap .game-area .draw-time .draw-pic img {
-  width: 0.8rem;
   position: absolute;
   left: 50%;
-  top: 45%;
+  transform: translateX(-50%);
-  transform: translate(-50%, -50%);
+  top: 1.65rem;
+  z-index: 1;
+  width: 1.3333333333rem;
+}
+.wrap .game-area .draw-time .draw-pic img {
+  width: 100%;
 }
 .wrap .game-area .draw-time .award-info {
   width: 8rem;
@@ -637,7 +537,7 @@ body::-webkit-scrollbar {
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
-  top: 7.2rem;
+  top: 6.5rem;
   display: flex;
 }
 .wrap .game-area .draw-time .award-info .desc {
@@ -663,7 +563,7 @@ body::-webkit-scrollbar {
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
-  top: 4.5rem;
+  top: 3.8rem;
   display: flex;
 }
 .wrap .game-area .draw-time .put-wrap .put {
@@ -843,38 +743,36 @@ body::-webkit-scrollbar {
   width: 8.8rem;
   height: 13.0666666667rem;
   background: white;
-  background: url(../images/myBoxBg.png) no-repeat;
-  background-size: 100% 100%;
 }
 .wrap .shade-mask-rank .shade-content-rank .rank-top {
   height: 4.5333333333rem;
+  background-image: linear-gradient(#F49C35, #FFDD81);
   overflow: hidden;
 }
 .wrap .shade-mask-rank .shade-content-rank .rank-top .tab-wrap {
   font-family: "pingfang-regular";
-  width: 5.8666666667rem;
+  width: 6.1333333333rem;
   height: 0.9333333333rem;
   background-color: rgba(255, 255, 255, 0.3);
   border-radius: 0.48rem;
   margin: 0.2666666667rem auto 0.08rem;
-  display: flex;
-  overflow: hidden;
-  padding: 0.0666666667rem;
-  box-sizing: border-box;
-  justify-content: space-between;
 }
 .wrap .shade-mask-rank .shade-content-rank .rank-top .tab-wrap span {
   display: inline-block;
-  width: 50%;
+  width: 2.8rem;
   height: 0.8rem;
   line-height: 0.8rem;
   text-align: center;
   font-size: 0.4rem;
   color: white;
+  margin-top: 0.0666666667rem;
+}
+.wrap .shade-mask-rank .shade-content-rank .rank-top .tab-wrap span:first-child {
+  margin-left: 0.1866666667rem;
 }
 .wrap .shade-mask-rank .shade-content-rank .rank-top .tab-wrap .active {
   background-color: white;
-  color: #F56801;
+  color: #F5A03A;
   border-radius: 0.4rem;
 }
 .wrap .shade-mask-rank .shade-content-rank .rank-top .topthree-wrap {
@@ -896,8 +794,8 @@ body::-webkit-scrollbar {
   display: none;
 }
 .wrap .shade-mask-rank .shade-content-rank .rank-top .topthree-wrap .info-wrap .avatar {
-  width: 2.5866666667rem;
+  width: 1.76rem;
-  height: 2.5066666667rem;
+  height: 2.3333333333rem;
   margin-bottom: 0.2666666667rem;
 }
 .wrap .shade-mask-rank .shade-content-rank .rank-top .topthree-wrap .info-wrap .avatar p {
@@ -910,9 +808,8 @@ body::-webkit-scrollbar {
 .wrap .shade-mask-rank .shade-content-rank .rank-top .topthree-wrap .info-wrap .avatar img {
   position: relative;
   z-index: 9;
-  top: -2.1333333333rem;
+  top: -1.8133333333rem;
-  left: 50%;
+  left: 0.0266666667rem;
-  transform: translateX(-50%);
   width: 1.7066666667rem;
   height: 1.7066666667rem;
   border-radius: 50%;
@@ -930,30 +827,29 @@ body::-webkit-scrollbar {
   margin: 0;
   margin-top: -0.2666666667rem;
   margin-bottom: 0.0533333333rem;
-  color: #fff;
+  color: #ED7B50;
   font-size: 0.32rem;
 }
 .wrap .shade-mask-rank .shade-content-rank .other-rank {
   overflow: auto;
   position: absolute;
   width: 100%;
-  height: 7rem;
+  height: 7.2rem;
+  background-color: white;
   padding: 0.4rem 0.2666666667rem 0;
   box-sizing: border-box;
-  margin-top: 0.25rem;
 }
 .wrap .shade-mask-rank .shade-content-rank .other-rank li {
-  width: 90%;
   display: flex;
   align-items: center;
-  margin: 0 auto 0.5333333333rem;
+  margin-bottom: 0.5333333333rem;
 }
 .wrap .shade-mask-rank .shade-content-rank .other-rank li .index {
   display: inline-block;
   width: 0.4rem;
   font-size: 0.4rem;
   font-weight: bold;
-  color: #333;
+  color: #333333;
   text-align: center;
 }
 .wrap .shade-mask-rank .shade-content-rank .other-rank li .others-info {
@@ -976,11 +872,7 @@ body::-webkit-scrollbar {
 .wrap .shade-mask-rank .shade-content-rank .other-rank li .others-diamond-num {
   font-size: 0.3466666667rem;
   font-weight: bold;
-  color: #FF7700;
+  color: #ED7B50;
-}
-.wrap .shade-mask-rank .shade-content-rank .other-rank li .others-diamond-num b {
-  color: #FF5110;
-  font-weight: bold;
 }
 .wrap .shade-mask-rank .shade-content-rank .mine {
   position: fixed;
@@ -989,9 +881,8 @@ body::-webkit-scrollbar {
   z-index: 999;
   width: 100%;
   height: 1.3333333333rem;
-  background: url(../images/mineBg.png) no-repeat;
+  background-color: rgba(0, 0, 0, 0.8);
-  background-size: 100% 100%;
+  padding: 0 0.2rem;
-  padding: 0 0.7rem 0 0.2rem;
   box-sizing: border-box;
   display: flex;
   align-items: center;
@@ -1000,13 +891,11 @@ body::-webkit-scrollbar {
   font-size: 0.3466666667rem;
   font-weight: bold;
   color: white;
-  white-space: nowrap;
 }
 .wrap .shade-mask-rank .shade-content-rank .mine .mine-info {
   flex: 1;
   display: flex;
   align-items: center;
-  white-space: nowrap;
 }
 .wrap .shade-mask-rank .shade-content-rank .mine .mine-info img {
   width: 1.0666666667rem;
@@ -1019,20 +908,11 @@ body::-webkit-scrollbar {
   font-size: 0.3733333333rem;
   font-weight: bold;
   color: white;
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  width: 3.5rem;
 }
 .wrap .shade-mask-rank .shade-content-rank .mine .mine-diamond-num {
   font-size: 0.3466666667rem;
   font-weight: bold;
-  color: #fff;
+  color: #ED7B50;
-  white-space: nowrap;
-}
-.wrap .shade-mask-rank .shade-content-rank .mine .mine-diamond-num b {
-  color: #fff;
-  font-weight: bold;
 }
 .wrap .shade-mask-fragmentNum {
   display: none;

view/peko/activity/act-ocean/css/index.scss

@@ -1,10 +1,9 @@
 @function px2rem($px, $rem: 75) {
     @return $px / $rem+rem;
 }
-
+@function prefixurl() {
-// @function prefixurl() {
+    @return 'https://img.pekolive.com/'
-//     @return 'https://img.pekolive.com/'
+}
-// }
 
 @font-face {
     font-family: 'pingfang-bold';
@@ -25,27 +24,11 @@
 html,
 body {
     font-family: 'din-medium';
-    background: #E17E3D;
+    background: #C8864C;
     // 海浪svga过长
     overflow-x: hidden;
-    // height: 19rem;
-    &::-webkit-scrollbar{
-        display: none;
-    }
 }
-.back {
-    position: fixed;
-    top: px2rem(70, );
-    left: px2rem(34, );
-    z-index: 9;
-    width: px2rem(62, );
-    height: px2rem(62, );
 
-    img {
-        width: 100%;
-        height: 100%;
-    }
-}
 .wrap {
     width: 100%;
     height: 100vh;
@@ -54,15 +37,7 @@ body {
 
     .banner {
         width: 100%;
-        position: relative;
 
-        .subtitle {
-            position: absolute;
-            top: px2rem(9, );
-            right: px2rem(84, );
-            width: px2rem(140, );
-            height: px2rem(84, );
-        }
     }
 
     .rule,
@@ -85,21 +60,24 @@ body {
         // bottom: px2rem(1040);
     }
 
-    // 往轮结果
+    .previous-result {
-    .previous_Round_Result {
-        width: px2rem(707, );
-        height: px2rem(114, );
         position: absolute;
-        top: 16.1rem;
+        // bottom: px2rem(200);
+        top: px2rem(1120);
         left: 50%;
         transform: translateX(-50%);
-        background: url(../images/previous_Round_Result.png) no-repeat;
+        width: px2rem(710);
-        background-size: 100% 100%;
+        height: px2rem(68);
+        font-family: 'pingfang-bold';
+        font-size: px2rem(30);
+        font-weight: bold;
+        color: white;
+        display: flex;
+        align-items: center;
+        background: url('../images/previous-result-bg.png') no-repeat 0 0/100% 100%;
         z-index: 9;
 
         span {
-            color: #fff;
-            position: absolute;
             font-weight: bold;
             margin-left: px2rem(27);
             text-shadow: 1px 1px 0px#fc8321,
@@ -108,134 +86,41 @@ body {
                 -1px -1px 0px#fc8321,
                 1px 1px 0px#fc8321,
                 -1px -1px 0px#fc8321;
-            font-size: px2rem(36, );
-            left: px2rem(0, );
-            bottom: 1.65rem;
-            background: url(../images/wljg.png) no-repeat;
-            background-size: 100% 100%;
-            width: px2rem(128, );
-            height: px2rem(38, );
-            position: absolute;
         }
 
-        .box {
+        .result-list {
-            width: px2rem(707, );
+            display: flex;
-            height: 100%;
-            position: absolute;
-            left: 0;
-            top: 0;
-            box-sizing: border-box;
-            padding: px2rem(19, ) px2rem(10, ) 0 px2rem(10, );
-            overflow-x: scroll;
 
-            &::-webkit-scrollbar {
+            p {
-                // width: 0;
+                width: px2rem(40);
-                height: 2px;
+                height: px2rem(40);
-                display: none;
+                margin-left: px2rem(8);
+                background: url('../images/little-bubble.png') 0 0/100% 100%;
+
+                // &:nth-child(11){
+                //     width: px2rem(40, );
+                //     height: px2rem(42, );
+                //     margin-left: 0.25rem;
+                //     background: url('../images/btn_result.png') 0 0/100% 100%;
+                // }
+                img {
+                    width: 100%;
+                }
             }
 
-            ul {
+        }
-                width: 35rem;
-                height: 100%;
 
-                li {
+        .more-result {
-                    float: left;
+            width: px2rem(42);
-                    width: px2rem(122, );
+            height: px2rem(44);
-                    height: px2rem(73, );
+            margin-left: 0.2rem;
-                    background: url(../images/previous_Round_Result_Li.png) no-repeat;
-                    background-size: 100% 100%;
-                    display: flex;
-                    justify-content: space-around;
-                    flex-wrap: wrap;
-                    box-sizing: border-box;
-                    align-items: center;
-                    margin-right: px2rem(8, );
-                    // padding: 0 px2rem(4, );
 
-                    p {
+            img {
-                        display: block;
+                width: 100%;
-                        width: px2rem(25, );
-                        height: px2rem(25, );
-                        background: url(../images/record_bubble.png) no-repeat;
-                        background-size: 100% 100%;
-                        position: relative;
-                        margin: 0 px2rem(2, );
-
-                        img {
-                            display: block;
-                            width: 80%;
-                            position: absolute;
-                            left: 50%;
-                            top: 50%;
-                            transform: translate(-50%, -50%);
-                        }
-                    }
-                }
             }
         }
     }
 
-    // .previous-result {
-    //     position: absolute;
-    //     // bottom: px2rem(200);
-    //     top: px2rem(1120);
-    //     left: 50%;
-    //     transform: translateX(-50%);
-    //     width: px2rem(710);
-    //     height: px2rem(68);
-    //     font-family: 'pingfang-bold';
-    //     font-size: px2rem(30);
-    //     font-weight: bold;
-    //     color: white;
-    //     display: flex;
-    //     align-items: center;
-    //     background: url('../images/previous-result-bg.png') no-repeat 0 0/100% 100%;
-    //     z-index: 9;
-
-    //     span {
-    //         font-weight: bold;
-    //         margin-left: px2rem(27);
-    //         text-shadow: 1px 1px 0px#fc8321,
-    //             -1px -1px 0px#fc8321,
-    //             1px 1px 0px#fc8321,
-    //             -1px -1px 0px#fc8321,
-    //             1px 1px 0px#fc8321,
-    //             -1px -1px 0px#fc8321;
-    //     }
-
-    //     .result-list {
-    //         display: flex;
-
-    //         p {
-    //             width: px2rem(40);
-    //             height: px2rem(40);
-    //             margin-left: px2rem(8);
-    //             background: url('../images/little-bubble.png') 0 0/100% 100%;
-
-    //             // &:nth-child(11){
-    //             //     width: px2rem(40, );
-    //             //     height: px2rem(42, );
-    //             //     margin-left: 0.25rem;
-    //             //     background: url('../images/btn_result.png') 0 0/100% 100%;
-    //             // }
-    //             img {
-    //                 width: 100%;
-    //             }
-    //         }
-
-    //     }
-
-    //     .more-result {
-    //         width: px2rem(42);
-    //         height: px2rem(44);
-    //         margin-left: 0.2rem;
-
-    //         img {
-    //             width: 100%;
-    //         }
-    //     }
-    // }
-
     .mall {
         position: absolute;
         top: px2rem(184);
@@ -306,7 +191,6 @@ body {
                 padding-left: px2rem(47);
 
                 li {
-                    transition: all, 0.2s;
                     position: relative;
                     z-index: 99;
                     width: px2rem(138);
@@ -510,43 +394,16 @@ body {
 
         }
 
-        // 动画上
-        .wait-time-s {
-            width: px2rem(750, );
-            height: px2rem(680, );
-            position: absolute;
-            top: 1.5rem;
-            left: 50%;
-            transform: translateX(-50%);
-            z-index: 5;
-        }
-
-        // 动画下
-        .wait-time-x {
-            width: px2rem(750, );
-            height: px2rem(680, );
-            position: absolute;
-            top: 1.4rem;
-            left: 50%;
-            transform: translateX(-50%);
-        }
-
         // 开奖时间
         .draw-time {
             display: none;
             // width: px2rem(750);
             // height: px2rem(600);
-            // width: px2rem(210, );
+            width: px2rem(210, );
-            width: 55%;
             height: px2rem(213, );
-            margin: 1.8rem auto 0.2rem;
+            margin: 1.2rem auto 0.2rem;
-            // background: url('../images/drawBg.png');
+            background: url('../images/drawBg.png');
             background-size: 100% 100%;
-            display: flex;
-            justify-content: center;
-            align-items: center;
-            flex-flow: row wrap;
-            box-sizing: border-box;
 
             .count-down,
             .current-tip {
@@ -579,7 +436,7 @@ body {
                 position: absolute;
                 left: 50%;
                 transform: translateX(-50%);
-                bottom: 2.3rem;
+                bottom: 3.1rem;
                 width: 100%;
                 height: 4rem;
 
@@ -638,18 +495,13 @@ body {
 
                         .nick {
                             width: 100%;
-                            height: 1rem;
-                            line-height: 0.6rem;
                             font-size: px2rem(22, );
                             color: #fff;
                             text-align: center;
                             position: absolute;
-                            top: px2rem(85, );
+                            top: px2rem(88, );
                             left: 50%;
                             transform: translateX(-50%);
-                            overflow: hidden;
-                            white-space: nowrap;
-                            text-overflow: ellipsis; //溢出显示省略号
                         }
 
                         .num {
@@ -706,18 +558,13 @@ body {
 
                         .nick {
                             width: 100%;
-                            height: 1rem;
-                            line-height: 0.6rem;
                             font-size: px2rem(22, );
                             color: #fff;
                             text-align: center;
                             position: absolute;
-                            top: px2rem(70, );
+                            top: px2rem(76, );
                             left: 50%;
                             transform: translateX(-50%);
-                            overflow: hidden;
-                            white-space: nowrap;
-                            text-overflow: ellipsis; //溢出显示省略号
                         }
 
                         .num {
@@ -772,18 +619,13 @@ body {
 
                         .nick {
                             width: 100%;
-                            height: 1rem;
-                            line-height: 0.6rem;
                             font-size: px2rem(22, );
                             color: #fff;
                             text-align: center;
                             position: absolute;
-                            top: px2rem(70, );
+                            top: px2rem(76, );
                             left: 50%;
                             transform: translateX(-50%);
-                            overflow: hidden;
-                            white-space: nowrap;
-                            text-overflow: ellipsis; //溢出显示省略号
                         }
 
                         .num {
@@ -809,42 +651,21 @@ body {
             }
 
             .draw-pic {
+                position: absolute;
+                left: 50%;
+                transform: translateX(-50%);
+                top: 1.65rem;
                 z-index: 1;
-                width: px2rem(101, );
+                width: px2rem(100);
-                // width: 25%; 
+                // height: px2rem(91);
-                height: px2rem(101, );
-                margin: 0 auto 0;
-                background: url('../images/drawBg.png') no-repeat;
-                background-size: 100% 100%;
-                position: relative;
 
                 img {
-                    width: px2rem(60, );
+                    width: 100%;
+                    // height: 100%;
                     // margin: -0.3rem 0 0 1.18rem;
-                    position: absolute;
-                    left: 50%;
-                    top: 45%;
-                    transform: translate(-50%, -50%);
                 }
             }
 
-            // .draw-pic {
-            //     position: absolute;
-            //     left: 50%;
-            //     transform: translateX(-50%);
-            //     top: 1.65rem;
-            //     z-index: 1;
-            //     width: px2rem(100);
-            //     background: url('../images/drawBg.png');
-            //     // height: px2rem(91);
-
-            //     img {
-            //         width: 100%;
-            //         // height: 100%;
-            //         // margin: -0.3rem 0 0 1.18rem;
-            //     }
-            // }
-
             .award-info {
                 width: px2rem(600, );
                 // height: px2rem(183, );
@@ -852,7 +673,7 @@ body {
                 position: absolute;
                 left: 50%;
                 transform: translateX(-50%);
-                top: 7.2rem;
+                top: 6.5rem;
                 display: flex;
 
                 .desc {
@@ -886,8 +707,7 @@ body {
                 position: absolute;
                 left: 50%;
                 transform: translateX(-50%);
-                // top: 3.8rem;
+                top: 3.8rem;
-                top: 4.5rem;
                 display: flex;
 
                 .put {
@@ -1104,45 +924,38 @@ body {
             width: px2rem(660);
             height: px2rem(980);
             background: white;
-            background: url(../images/myBoxBg.png) no-repeat;
-            background-size: 100% 100%;
 
             .rank-top {
                 height: px2rem(340);
-                // background-image: linear-gradient(#F49C35, #FFDD81);
+                background-image: linear-gradient(#F49C35, #FFDD81);
                 overflow: hidden;
 
                 .tab-wrap {
                     font-family: 'pingfang-regular';
-                    width: px2rem(440);
+                    width: px2rem(460);
                     height: px2rem(70);
                     background-color: rgba($color: #fff, $alpha: .3);
                     border-radius: px2rem(36);
                     margin: px2rem(20) auto px2rem(6);
-                    display: flex;
-                    overflow: hidden;
-                    padding: px2rem(5, );
-                    box-sizing: border-box;
-                    justify-content: space-between;
 
                     span {
                         display: inline-block;
-                        // width: px2rem(210, );
+                        width: px2rem(210);
-                        width: 50%;
                         height: px2rem(60);
                         line-height: px2rem(60);
                         text-align: center;
                         font-size: px2rem(30);
                         color: white;
+                        margin-top: px2rem(5);
 
-                        // &:first-child {
+                        &:first-child {
-                        //     margin-left: px2rem(14);
+                            margin-left: px2rem(14);
-                        // }
+                        }
                     }
 
                     .active {
                         background-color: white;
-                        color: #F56801;
+                        color: #F5A03A;
                         border-radius: px2rem(30);
                     }
                 }
@@ -1170,8 +983,8 @@ body {
                         }
 
                         .avatar {
-                            width: px2rem(194);
+                            width: px2rem(132);
-                            height: px2rem(188);
+                            height: px2rem(175);
                             margin-bottom: px2rem(20);
 
                             p {
@@ -1185,10 +998,8 @@ body {
                             img {
                                 position: relative;
                                 z-index: 9;
-                                top: px2rem(-160);
+                                top: px2rem(-136);
-                                // left: px2rem(2);
+                                left: px2rem(2);
-                                left: 50%;
-                                transform: translateX(-50%);
                                 width: px2rem(128);
                                 height: px2rem(128);
                                 border-radius: 50%;
@@ -1209,7 +1020,7 @@ body {
                             margin: 0;
                             margin-top: px2rem(-20);
                             margin-bottom: px2rem(4);
-                            color: #fff;
+                            color: #ED7B50;
                             font-size: px2rem(24);
                         }
                     }
@@ -1220,18 +1031,15 @@ body {
                 overflow: auto;
                 position: absolute;
                 width: 100%;
-                height: 7rem;
+                height: px2rem(540);
-                // background-color: white;
+                background-color: white;
                 padding: px2rem(30) px2rem(20) 0;
                 box-sizing: border-box;
-                margin-top: 0.25rem;
 
                 li {
-                    width: 90%;
                     display: flex;
                     align-items: center;
-                    // margin-bottom: px2rem(40);
+                    margin-bottom: px2rem(40);
-                    margin: 0 auto px2rem(40, );
 
                     &:last-child {
                         // margin-bottom: px2rem(140);
@@ -1242,7 +1050,7 @@ body {
                         width: px2rem(30);
                         font-size: px2rem(30);
                         font-weight: bold;
-                        color: #333;
+                        color: #333333;
                         text-align: center;
                     }
 
@@ -1269,12 +1077,7 @@ body {
                     .others-diamond-num {
                         font-size: px2rem(26);
                         font-weight: bold;
-                        color: #FF7700;
+                        color: #ED7B50;
-
-                        b {
-                            color: #FF5110;
-                            font-weight: bold;
-                        }
                     }
                 }
             }
@@ -1286,10 +1089,8 @@ body {
                 z-index: 999;
                 width: 100%;
                 height: px2rem(100);
-                // background-color: rgba($color: #000000, $alpha: .8);
+                background-color: rgba($color: #000000, $alpha: .8);
-                background: url(../images/mineBg.png) no-repeat;
+                padding: 0 px2rem(15);
-                background-size: 100% 100%;
-                padding: 0 0.7rem 0 0.2rem;
                 box-sizing: border-box;
                 display: flex;
                 align-items: center;
@@ -1298,14 +1099,12 @@ body {
                     font-size: px2rem(26);
                     font-weight: bold;
                     color: white;
-                    white-space: nowrap;
                 }
 
                 .mine-info {
                     flex: 1;
                     display: flex;
                     align-items: center;
-                    white-space: nowrap;
 
                     img {
                         width: px2rem(80);
@@ -1319,23 +1118,13 @@ body {
                         font-size: px2rem(28);
                         font-weight: bold;
                         color: white;
-                        overflow: hidden; //超出隐藏
-                        white-space: nowrap; //不折行
-                        text-overflow: ellipsis;
-                        width: 3.5rem;
                     }
                 }
 
                 .mine-diamond-num {
                     font-size: px2rem(26);
                     font-weight: bold;
-                    color: #fff;
+                    color: #ED7B50;
-                    white-space: nowrap;
-
-                    b {
-                        color: #fff;
-                        font-weight: bold;
-                    }
                 }
             }
         }

view/peko/activity/act-ocean/css/record.css

@@ -46,7 +46,7 @@ body {
 }
 .record-list li {
   width: 100%;
-  height: 8.48rem;
+  height: 6.9733333333rem;
   background: url("../images/record/record-bg.png") no-repeat;
   background-size: 100% 100%;
   border-radius: 0.2666666667rem;
@@ -88,7 +88,6 @@ body {
   margin: 0.0666666667rem auto 0.3333333333rem;
   display: flex;
   justify-content: space-between;
-  position: relative;
 }
 .record-list li .result-wrap .result {
   display: flex;
@@ -99,21 +98,21 @@ body {
   color: #FFFFFF;
   padding-right: 0.1866666667rem;
   font-weight: 600;
-  position: absolute;
+}
-  left: 50%;
+.record-list li .result-wrap .result .bg {
-  transform: translateX(-50%);
+  width: 1.2133333333rem;
-  width: 1.9066666667rem;
+  height: 1.2133333333rem;
-  height: 0.6rem;
+  background: url("../images/record_bubble_act.png") no-repeat;
-  background: url(../images/record/result.png) no-repeat;
   background-size: 100% 100%;
-  top: 0.2rem;
+  text-align: center;
+}
+.record-list li .result-wrap .result .bg img {
+  width: 75%;
+  margin-top: 0.15rem;
 }
 .record-list li .result-wrap .award {
   display: flex;
   align-items: center;
-  position: absolute;
-  right: 0rem;
-  top: -0.1rem;
 }
 .record-list li .result-wrap .award p,
 .record-list li .result-wrap .award b {
@@ -125,57 +124,25 @@ body {
   width: 0.3733333333rem;
   height: 0.3733333333rem;
 }
-.record-list li .result-wrap .result_sBox {
-  width: 8.8rem;
-  height: 1.1466666667rem;
-  margin: 1rem auto 0;
-  display: flex;
-  justify-content: center;
-  position: relative;
-  left: 50%;
-  transform: translateX(-50%);
-}
-.record-list li .result-wrap .result_sBox .bg {
-  width: 1.1466666667rem;
-  height: 1.1466666667rem;
-  background: url("../images/record_bubble_act.png") no-repeat;
-  background-size: 100% 100%;
-  text-align: center;
-}
-.record-list li .result-wrap .result_sBox .bg img {
-  width: 75%;
-  display: block;
-  margin: 0.1333333333rem auto 0;
-}
 .record-list li .put-wrap {
   width: 84%;
   height: 1.2133333333rem;
   line-height: 1.2133333333rem;
   box-sizing: border-box;
-  margin: 2rem auto 0;
+  margin: 0 auto;
   display: flex;
-  position: relative;
 }
 .record-list li .put-wrap .put {
   font-size: 0.3733333333rem;
   color: #FFFFFF;
   font-weight: 600;
   margin-right: 0.9rem;
-  position: absolute;
-  width: 1.0266666667rem;
-  height: 0.6rem;
-  left: 50%;
-  transform: translateX(-50%);
-  background: url(../images/record/touru.png) no-repeat;
-  background-size: 100% 100%;
-  top: -0.6rem;
 }
 .record-list li .put-wrap .list {
   width: 6.72rem;
   height: 2.7733333333rem;
   display: flex;
   flex-wrap: wrap;
-  margin: 0.3rem auto 0;
 }
 .record-list li .put-wrap .list .item {
   width: 0.9866666667rem;
@@ -209,8 +176,7 @@ body {
 }
 .record-list li .put-wrap .list .item div .diamond {
   width: 0.3333333333rem;
-  height: 0.3333333333rem;
+  height: 0.2666666667rem;
-  margin-top: -0.01rem;
 }
 .record-list li .put-wrap .list .item div .in {
   font-size: 0.2666666667rem;

view/peko/activity/act-ocean/css/record.scss

@@ -1,10 +1,9 @@
 @function px2rem($px, $rem: 75) {
     @return $px / $rem+rem;
 }
-
+@function prefixurl() {
-// @function prefixurl() {
+    @return 'https://img.pekolive.com/'
-//     @return 'https://img.pekolive.com/'
+}
-// }
 
 @font-face {
     font-family: 'pingfang-bold';
@@ -64,7 +63,7 @@ body {
 
     li {
         width: 100%;
-        height: px2rem(636, );
+        height: px2rem(523, );
         // background: linear-gradient(0deg, #46BBC1 0%, #62DEE4 100%);
         background: url('../images/record/record-bg.png') no-repeat;
         background-size: 100% 100%;
@@ -118,7 +117,6 @@ body {
             margin: px2rem(5, ) auto px2rem(25, );
             display: flex;
             justify-content: space-between;
-            position: relative;
 
             .result {
                 display: flex;
@@ -129,39 +127,26 @@ body {
                     color: #FFFFFF;
                     padding-right: px2rem(14, );
                     font-weight: 600;
-                    position: absolute;
-                    left: 50%;
-                    transform: translateX(-50%);
-                    width: px2rem(143, );
-                    height: px2rem(45, );
-                    background: url(../images/record/result.png) no-repeat;
-                    background-size: 100% 100%;
-                    top: 0.2rem;
                 }
 
-                // .bg {
+                .bg {
-                //     width: px2rem(91, );
+                    width: px2rem(91, );
-                //     height: px2rem(91, );
+                    height: px2rem(91, );
-                //     background: url('../images/record_bubble_act.png') no-repeat;
+                    background: url('../images/record_bubble_act.png') no-repeat;
-                //     background-size: 100% 100%;
+                    background-size: 100% 100%;
-                //     text-align: center;
+                    text-align: center;
 
-                //     img {
+                    img {
-                //         width: 75%;
+                        width: 75%;
-                //         margin-top: 0.15rem;
+                        margin-top: 0.15rem;
-                //     }
+                    }
-                // }
+                }
 
             }
 
             .award {
                 display: flex;
                 align-items: center;
-                position: absolute;
-                // right: 0.8rem;
-                // top: 1.8rem;
-                right: 0rem;
-                top: -0.1rem;
 
                 p,
                 b {
@@ -175,31 +160,6 @@ body {
                     height: px2rem(28, );
                 }
             }
-
-            .result_sBox {
-                width: px2rem(660, );
-                height: px2rem(86, );
-                margin: 1rem auto 0;
-                display: flex;
-                justify-content: center;
-                position: relative;
-                left: 50%;
-                transform: translateX(-50%);
-
-                .bg {
-                    width: px2rem(86, );
-                    height: px2rem(86, );
-                    background: url('../images/record_bubble_act.png') no-repeat;
-                    background-size: 100% 100%;
-                    text-align: center;
-
-                    img {
-                        width: 75%;
-                        display: block;
-                        margin: px2rem(10, ) auto 0;
-                    }
-                }
-            }
         }
 
         .put-wrap {
@@ -207,23 +167,14 @@ body {
             height: px2rem(91, );
             line-height: px2rem(91, );
             box-sizing: border-box;
-            margin: 2rem auto 0;
+            margin: 0 auto;
             display: flex;
-            position: relative;
 
             .put {
                 font-size: px2rem(28, );
                 color: #FFFFFF;
                 font-weight: 600;
                 margin-right: 0.9rem;
-                position: absolute;
-                width: px2rem(77, );
-                height: px2rem(45, );
-                left: 50%;
-                transform: translateX(-50%);
-                background: url(../images/record/touru.png) no-repeat;
-                background-size: 100% 100%;
-                top: -0.6rem;
             }
 
             .list {
@@ -231,7 +182,6 @@ body {
                 height: px2rem(208, );
                 display: flex;
                 flex-wrap: wrap;
-                margin: 0.3rem auto 0;
 
                 .item {
                     width: px2rem(74, );
@@ -269,8 +219,7 @@ body {
 
                         .diamond {
                             width: px2rem(25, );
-                            height: px2rem(25, );
+                            height: px2rem(20, );
-                            margin-top: -0.01rem;
                         }
 
                         .in {

view/peko/activity/act-ocean/index.html

@@ -6,19 +6,15 @@
     <meta name="viewport"
         content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
     <title>星级厨房</title>
+
     <link rel="stylesheet" href="../../common/css/reset.css">
     <link rel="stylesheet" href="./css/index.css?v=2.2">
 </head>
 
 <body>
-    <!-- 顶部返回 -->
-    <!-- <div class="back"><img src="./images/travel/back.png" alt=""></div> -->
     <div class="wrap no-in-app">
         <!-- <div class="wrap "> -->
-        <div class="banner">
+        <div class="banner"><img src="./images/banner.png" alt=""></div>
-            <img src="./images/banner.png" alt="">
-            <img class="subtitle" src="./images/subtitle.png" alt="">
-        </div>
         <div class="rule"><img src="./images/rule.png" alt=""></div>
         <div class="record"><img src="./images/record.png" alt=""></div>
 
@@ -37,7 +33,7 @@
             <div class="recharge"><img src="./images/mall/recharge.png" alt=""></div>
         </div>
         <!-- 游戏区域 -->
-        <div class="game-area" >
+        <div class="game-area">
             <!-- 本轮轮次 -->
             <div class="roundId"></div>
             <!-- 选择时间 -->
@@ -51,86 +47,7 @@
                     <div>10000</div>
                 </div>
                 <ul>
-                    <!-- <li class="li0" data-total-num="">
+
-                        <img src="./images/1.png" alt="">
-                        <div class="multiple"></div>
-                        <div class="name general"></div>
-                        <div class="bubble-2s">
-                            <p class="first-line">點擊選取</p>
-                            <p class="second-line">賺 <span></span> 倍獎勵</p>
-                        </div>
-                        <div class="select-num"></div>
-                    </li>
-                    <li class="li1" data-total-num="">
-                        <img src="./images/2.png" alt="">
-                        <div class="multiple"></div>
-                        <div class="name general"></div>
-                        <div class="bubble-2s">
-                            <p class="first-line">點擊選取</p>
-                            <p class="second-line">賺 <span></span> 倍獎勵</p>
-                        </div>
-                        <div class="select-num"></div>
-                    </li>
-                    <li class="li2" data-total-num="">
-                        <img src="./images/3.png" alt="">
-                        <div class="multiple"></div>
-                        <div class="name general"></div>
-                        <div class="bubble-2s">
-                            <p class="first-line">點擊選取</p>
-                            <p class="second-line">賺 <span></span> 倍獎勵</p>
-                        </div>
-                        <div class="select-num"></div>
-                    </li>
-                    <li class="li3" data-total-num="">
-                        <img src="./images/4.png" alt="">
-                        <div class="multiple"></div>
-                        <div class="name general"></div>
-                        <div class="bubble-2s">
-                            <p class="first-line">點擊選取</p>
-                            <p class="second-line">賺 <span></span> 倍獎勵</p>
-                        </div>
-                        <div class="select-num"></div>
-                    </li>
-                    <li class="li4" data-total-num="">
-                        <img src="./images/5.png" alt="">
-                        <div class="multiple"></div>
-                        <div class="name general"></div>
-                        <div class="bubble-2s">
-                            <p class="first-line">點擊選取</p>
-                            <p class="second-line">賺 <span></span> 倍獎勵</p>
-                        </div>
-                        <div class="select-num"></div>
-                    </li>
-                    <li class="li5" data-total-num="">
-                        <img src="./images/6.png" alt="">
-                        <div class="multiple"></div>
-                        <div class="name general"></div>
-                        <div class="bubble-2s">
-                            <p class="first-line">點擊選取</p>
-                            <p class="second-line">賺 <span></span> 倍獎勵</p>
-                        </div>
-                        <div class="select-num"></div>
-                    </li>
-                    <li class="li6" data-total-num="">
-                        <img src="./images/7.png" alt="">
-                        <div class="multiple"></div>
-                        <div class="name general"></div>
-                        <div class="bubble-2s">
-                            <p class="first-line">點擊選取</p>
-                            <p class="second-line">賺 <span></span> 倍獎勵</p>
-                        </div>
-                        <div class="select-num"></div>
-                    </li>
-                    <li class="li7" data-total-num="">
-                        <img src="./images/8.png" alt="">
-                        <div class="multiple"></div>
-                        <div class="name general"></div>
-                        <div class="bubble-2s">
-                            <p class="first-line">點擊選取</p>
-                            <p class="second-line">賺 <span></span> 倍獎勵</p>
-                        </div>
-                        <div class="select-num"></div>
-                    </li> -->
                 </ul>
 
                 <div class="shelf"><img src="./images/shelf.png" alt=""></div>
@@ -142,13 +59,13 @@
                 <div class="current-tip">等待结果</div>
             </div>
             <!-- 开奖展示动画时间 -->
-            <div class="draw-time" style="display: none;">
+            <div class="draw-time">
                 <div class="count-down">下一轮：<span class="count-down-num"></span>秒</div>
                 <div class="current-tip">本轮结果：<span class="current-result"></span></div>
                 <!-- 中奖物品展示 -->
-                <!-- <div class="draw-pic">
+                <div class="draw-pic">
-                    <img src="http://beta.img.pekolive.com/FjWcbuxEpzZ8P3aS4A0n2llW9Jw9?imageslim" alt="">
+                    <img src="" alt="">
-                </div> -->
+                </div>
                 <!-- 投入列表 -->
                 <div class="put-wrap">
                     <div class="put">投入</div>
@@ -182,7 +99,7 @@
                             <div class="nick">虚位以待</div>
                             <div class="num">
                                 <img src="./images/diamond.png" class="diamond" alt="">
-                                <span>0</span>
+                                <span></span>
                             </div>
                         </div>
                         <div class="no no2">
@@ -191,7 +108,7 @@
                             <div class="nick">虚位以待</div>
                             <div class="num">
                                 <img src="./images/diamond.png" class="diamond" alt="">
-                                <span>0</span>
+                                <span></span>
                             </div>
                         </div>
                         <div class="no no3">
@@ -200,28 +117,17 @@
                             <div class="nick">虚位以待</div>
                             <div class="num">
                                 <img src="./images/diamond.png" class="diamond" alt="">
-                                <span>0</span>
+                                <span></span>
                             </div>
                         </div>
                     </div>
                 </div>
             </div>
-            <!-- 动画上 -->
-            <div class="wait-time-s"></div>
-            <!-- 动画下 -->
-            <div class="wait-time-x"></div>
         </div>
 
         <!-- 往轮结果 -->
-        <div class="previous_Round_Result">
+        <div class="previous-result">
-            <span></span>
+            <span>往轮结果</span>
-            <div class="box">
-                <ul>
-                </ul>
-            </div>
-        </div>
-        <!-- <div class="previous-result">
-            <span>往輪結果</span>
             <div class="result-list">
                 <p><img src="" alt=""></p>
                 <p><img src="" alt=""></p>
@@ -233,10 +139,10 @@
                 <p><img src="" alt=""></p>
                 <p><img src="" alt=""></p>
                 <p><img src="" alt=""></p>
-                <p><img src="" alt=""></p>
+                <!-- <p><img src="" alt=""></p> -->
             </div>
             <span class="more-result"><img src="./images/btn_result.png" alt=""></span>
-        </div> -->
+        </div>
 
         <!-- 个人信息 -->
         <div class="info-bottom">
@@ -254,29 +160,29 @@
             <div class="shade-content">
                 <main>
                     <div class="cyfs">
-                        <p class="title">參與方式</p>
+                        <p class="title">参与方式</p>
                         用戶可通過花費鉆石參與《星級廚房》遊戲，每次最少消耗100鉆石，每回合時間30秒
                         <p class="jietu"><img src="./images/t1.png" alt=""></p>
                     </div>
                     <div class="lwff">
-                        <p class="title">禮物發放</p>
+                        <p class="title">礼物发放</p>
-                        每次參與遊戲後會獲得一次禮物開獎;
+                        每次參與遊戲後會獲得一次禮物開獎機會
                         <p class="jietu t2"><img src="./images/t2.png" alt=""></p>
-                        每次隨機從8種食材中選取一個或多個作為中獎食材，中獎後獲得（中獎物品所花費的鉆石數*中獎食材對應倍數）的鉆石獎勵，當中獎多個食材時，獲得的鉆石會同時發放。鉆石將直接發放到賬戶中。
+                        每次隨機從8種食材中選取一個作為中獎物品，中獎後獲得【中獎物品購買碎片數*中獎物品對應倍數*100】的鉆石獎勵，鉆石將直接發放到錢包
                         <p class="jietu t3"><img src="./images/t3.png" alt=""></p>
-                        例如購買1個5倍番茄花費100鉆，購買1個蘿蔔花費100鉆，中獎後將獲得100*5+100*5=1000鉆。
+                        例如購買1個5倍的番茄，中獎後獲得1*5*100的鉆石
                     </div>
                     <div class="qtsm">
                         <p class="title">其他說明</p>
-                        如果以上說明未能解答您的疑問，請聯繫客服，會有專人解答疑難
+                        如果以上說明未能解答您的疑問，請聯系客服，會有專人解答疑難
-                        <p>本活動與蘋果公司無關</p>
+                        <p>本活动与苹果公司无关</p>
                     </div>
                 </main>
             </div>
         </div>
 
         <!-- 今日排名弹窗 -->
-        <div class="shade-mask-rank" >
+        <div class="shade-mask-rank">
             <div class="shade-content-rank">
                 <div class="rank-top">
 
@@ -320,12 +226,12 @@
     </div>
     <script src="../../common/js/flexible.js"></script>
     <script src="../../common/js/jquery-3.2.1.min.js"></script>
-    <script src="../../common/js/common2.js"></script>
     <script src="./js/jquery-animate-css-rotate-scale.js"></script>
+    <script src="../../common/js/common2.js"></script>
     <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?v=2.1"></script>
+    <script src="./js/index.js?v=2.2"></script>
 </body>
 
 </html>

view/peko/activity/act-ocean/js/index.js

@@ -17,8 +17,7 @@ const showLoading = (content = '加載中...') => {
         shadeClose: false,
         content,
         success (e) {
-            layerIndex = $(e).attr('index');
+            layerIndex = $(e).attr('index')
-            $('.layui-m-layer').css("z-index", '9999');
         }
     })
 }
@@ -32,19 +31,14 @@ const toastMsg = (content = '操作完成', time = 2) => {
         skin: 'msg'
     })
 }
+
 if (false) { //!browser.app
     toastMsg('請在app內打開！');
 } else {
     $('.wrap').removeClass('no-in-app')
 }
-console.log(document.body.clientWidth);
+
-console.log(document.body.clientHeight);
+
-if (document.body.clientHeight <= 700) {
-    $('body,html').css({ "height": '19.2rem' });
-}
-if (document.body.clientWidth >= 365) {
-    $('body,html').css({ "height": '19.2rem' });
-}
 // 獲取用戶相關信息
 let myFragment
 const getUserInfo = (param) => {
@@ -82,7 +76,6 @@ const getUserPieceNum = () => {
         success (res) {
             if (res.code === 200) {
                 $('.info-bottom').find('.fragment span').html(res.data.diamonds)
-                $('.wrap .info-bottom .info-wrap .diamond-num span').text(res.data.diamonds)
                 myFragment = res.data.diamonds;
             } else {
                 return toastMsg(res.message)
@@ -133,7 +126,6 @@ const getNewestAct = () => {
                     return showLoading('服務器正在維護中...')
                 } else {
                     console.log(res.timestamp > res.data.endTime);
-                    if (res.data.endTime == null) res.data.endTime = undefined
                     if (res.timestamp >= res.data.endTime) { //請求的還是上一輪的數據，重新請求
                         console.log('請求的還是上一輪的數據，必須重新請求');
                         showLoading()
@@ -143,10 +135,10 @@ const getNewestAct = () => {
                     } else {
                         clearTimeout(timer2)
                         hideLoading(layerIndex)
+
                         roundId = res.data.roundId
                         $('.game-area .roundId').html(roundId)
                         getListItem(roundId, modelType)
-                        getPreviousResults(20, roundId)
 
                         // 進行下一輪時，arrTime重新置為空數組，不然在下一輪開始的時候也會執行location.reload()
                         if (roundIdArr.length < 2) {
@@ -169,7 +161,7 @@ const getNewestAct = () => {
                         showResultStageStartTime = res.data.showResultStageStartTime
                         endTime = res.data.endTime
                         console.log('獲取5個時間戳的值-----', 'timestamp:', userComeinTime, 'startTime:', startTime, 'drawStageStartTime:', drawStageStartTime, 'showResultStageStartTime:', showResultStageStartTime, 'endTime:', endTime);
-                        showView(res.data.drawItemList)
+                        showView()
                     }
                 }
             } else {
@@ -203,7 +195,7 @@ let mySelect
 let fragmentNum
 let reg = /^[0-9]*$/
 
-const showView = (drawItemList) => {
+const showView = () => {
     if (startTime <= userComeinTime && userComeinTime < drawStageStartTime) {
         // 第一階段
         console.log('進入第一階段');
@@ -225,8 +217,11 @@ const showView = (drawItemList) => {
 
         $('.award-wrap').html('').show()
         // $('.award-info .desc').html('')
+
+        getPreviousResults(10, roundId)
         showCountDown(userComeinTime, startTime, drawStageStartTime)
         getUserInfo()
+
     } else if (drawStageStartTime <= userComeinTime && userComeinTime < showResultStageStartTime) {
         // 第二階段
         console.log('進入第二階段');
@@ -244,13 +239,16 @@ const showView = (drawItemList) => {
         console.log('isStatus2的值------------', isStatus2);
 
         // $('.btn-wrap').find('div').removeClass('active')
+
+        getPreviousResults(10, roundId)
         showCountDown(userComeinTime, drawStageStartTime, showResultStageStartTime)
         judgeStatus()
         getUserInfo()
+
         // 播放5s動畫
         let player = new SVGA.Player('.wait-time');
         let parser = new SVGA.Parser('.wait-time');
-        parser.load('./images/wait1.svga', function (videoItem) {
+        parser.load('./images/wait.svga', function (videoItem) {
             // player.loops = 2;
             player.clearsAfterStop = false;
             player.setVideoItem(videoItem);
@@ -270,33 +268,8 @@ const showView = (drawItemList) => {
         showCountDown(userComeinTime, showResultStageStartTime, endTime)
         judgeStatus()
         getUserInfo()
-        // 动画上
+        // getPreviousResults(10, roundId)
-        let player = new SVGA.Player('.wait-time-s');
-        let parser = new SVGA.Parser('.wait-time-s');
-        parser.load('./images/s.svga', function (videoItem) {
-            // player.loops = 2;
-            player.clearsAfterStop = false;
-            player.setVideoItem(videoItem);
-            player.startAnimation();
-        })
-        // 动画下
-        let player2 = new SVGA.Player('.wait-time-x');
-        let parser2 = new SVGA.Parser('.wait-time-x');
-        parser2.load('./images/x.svga', function (videoItem) {
-            // player.loops = 2;
-            player2.clearsAfterStop = false;
-            player2.setVideoItem(videoItem);
-            player2.startAnimation();
-        })
-        if (drawItemList.length > 1) {
-            $('.wait-time-s').show();
-            $('.wait-time-x').show();
-        } else {
-            $('.wait-time-s').hide();
-            $('.wait-time-x').hide();
-        }
     }
-    $('.game-area').show();
 }
 
 // 顯示倒計時
@@ -428,7 +401,7 @@ const judgeStatus = () => {
                     drawInfo = res.data
                     img = res.data.drawImageUrl
                     if (isStatus3) {
-                        getPreviousResults(20, roundId)
+                        getPreviousResults(10, roundId)
                     }
                     renderDrawInfo()
                 } else {
@@ -452,40 +425,8 @@ const judgeStatus = () => {
 let topThreeArr = []
 const renderDrawInfo = () => {
     $('.draw-time .current-tip .current-result').html(drawInfo.drawName)
-    // $('.draw-pic img').attr('src', drawInfo.drawImageUrl)
+    $('.draw-pic img').attr('src', drawInfo.drawImageUrl)
-    $('.wrap .game-area .draw-time .draw-pic').remove();
+
-    var lenght = drawInfo.drawItemList.length;
-    var drawStr = '';
-    drawInfo.drawItemList.forEach(item => {
-        drawStr += `
-        <div class="draw-pic">
-            <img src="${item.drawName == '洋蔥' ? './images/1.png' : item.drawName == '番茄' ? './images/2.png' : item.drawName == '蘑菇' ? './images/3.png' : item.drawName == '土豆' ? './images/4.png' : item.drawName == '大閘蟹' ? './images/5.png' : item.drawName == '魚' ? './images/6.png' : item.drawName == '雞肉' ? './images/7.png' : item.drawName == '龍蝦' ? './images/8.png' : item.drawImageUrl}" alt="">
-        </div>
-        `
-    })
-    $('.wrap .game-area .draw-time').append(drawStr);
-    if (lenght == 1) {
-        $('.wrap .game-area .draw-time').css({ "width": "55%", })
-        $('.wrap .game-area .draw-time .draw-pic').css({ "width": "50%", "height": "100%", });
-        $('.wrap .game-area .draw-time .draw-pic img').css({ "width": "45%" });
-    } else if (lenght == 2) {
-        $('.wrap .game-area .draw-time').css({ "width": "55%", })
-        $('.wrap .game-area .draw-time .draw-pic').css({ "width": "50%", "height": "100%", });
-        $('.wrap .game-area .draw-time .draw-pic img').css({ "width": "45%" });
-    } else if (lenght == 3) {
-        $('.wrap .game-area .draw-time').css({ "width": "70%", })
-        $('.wrap .game-area .draw-time .draw-pic').css({ "width": "33.3333%", "height": "75%", });
-        $('.wrap .game-area .draw-time .draw-pic img').css({ "width": "40%" });
-    } else if (lenght == 4) {
-        $('.wrap .game-area .draw-time').css({ "width": "80%", })
-        $('.wrap .game-area .draw-time .draw-pic').css({ "width": "25%", "height": "65%", });
-        $('.wrap .game-area .draw-time .draw-pic img').css({ "width": "38%" });
-    } else if (lenght > 4) {
-        $('.wrap .game-area .draw-time').css({ "width": "55%", })
-        $('.wrap .game-area .draw-time .draw-pic').css({ "width": "1.3466666667rem", "height": "1.3466666667rem", });
-        $('.wrap .game-area .draw-time .draw-pic img').css({ "width": "0.8rem" });
-    }
-    // if()
     // if (isStatus3) {
     //     if (drawInfo.userDrawResult.drawStatus === 1) {
     //         $('.award-info .desc').html('恭喜你，猜中了！')
@@ -505,13 +446,13 @@ const renderDrawInfo = () => {
     $('.put-wrap .list .item').remove()
     // 渲染投入列表
     let list = ''
-    drawInfo.userDrawResult.drawRecords.map(item => {
+    drawInfo.userDrawResult.drawRecords.map(res => {
         list += `
             <div class="item">
-                <p><img src="${item.name == '洋蔥' ? './images/1.png' : item.name == '番茄' ? './images/2.png' : item.name == '蘑菇' ? './images/3.png' : item.name == '土豆' ? './images/4.png' : item.name == '大閘蟹' ? './images/5.png' : item.name == '魚' ? './images/6.png' : item.name == '雞肉' ? './images/7.png' : item.name == '龍蝦' ? './images/8.png' : item.imgUrl}" class="gift" alt=""></p>
+                <p><img src="${res.imgUrl}" class="gift" alt=""></p>
                 <div>
                     <img src="./images/diamond.png" class="diamond" alt="">
-                    <span class="in">${item.costPieceNum}</span>
+                    <span class="in">${res.costPieceNum}</span>
                 </div>
             </div>
         `
@@ -543,8 +484,8 @@ const renderDrawInfo = () => {
         topThreeArr.map((item, index) => {
             $(`.top-three-list .no${index + 1} .tx`).attr('uid', item.uid)
             $(`.top-three-list .no${index + 1} .tx`).attr('src', item.avatar)
-            $(`.top-three-list .no${index + 1} .nick`).text(item.nick)
+            $(`.top-three-list .no${index + 1} .nick`).html(item.nick)
-            $(`.top-three-list .no${index + 1} .num span`).text(item.prizeDiamonds ? item.prizeDiamonds : '')
+            $(`.top-three-list .no${index + 1} .num span`).html(item.prizeDiamonds)
         })
     }
 
@@ -610,10 +551,10 @@ const renderListItem = () => {
             `
         })
     } else {
-        listItem.forEach((item, i) => {
+        listItem.map((item) => {
             str += `
                 <li data-total-num={"number":"${item.costPieceNum}","id":"${item.id}"}>
-                    <img src="${item.name == '洋蔥' ? './images/1.png' : item.name == '番茄' ? './images/2.png' : item.name == '蘑菇' ? './images/3.png' : item.name == '土豆' ? './images/4.png' : item.name == '大閘蟹' ? './images/5.png' : item.name == '魚' ? './images/6.png' : item.name == '雞肉' ? './images/7.png' : item.name == '龍蝦' ? './images/8.png' : item.imgUrl}" alt="">
+                    <img src="${item.imgUrl}" alt="">
                     <div class="multiple">x${item.multiple}</div>
                     <div class="name">${item.name} <p class="gift-price">${item.price ? `(${item.price}鉆石)` : ''}</p></div>
                     <div class="bubble-2s">
@@ -629,7 +570,8 @@ const renderListItem = () => {
     setTimeout2s()
 }
 
-// 獲取往輪遊戲結果 
+// 獲取往輪遊戲結果
+let previousResults = []
 const getPreviousResults = (count, roundId) => {
     networkRequest({
         type: 'GET',
@@ -640,8 +582,8 @@ const getPreviousResults = (count, roundId) => {
         },
         success (res) {
             if (res.code === 200) {
-                // previousResults = res.data
+                previousResults = res.data
-                renderPreviousResults(res.data)
+                renderPreviousResults()
             }
         },
         error (err) {
@@ -651,51 +593,40 @@ const getPreviousResults = (count, roundId) => {
 }
 
 // 渲染往輪遊戲結果
-const renderPreviousResults = (val) => {
+const renderPreviousResults = () => {
+
     let str = ''
-    if (val.length < 5) {
+    if (previousResults.length < 5) {
-        let len = 5 - val.length
+        let len = 5 - previousResults.length
         let arr = new Array(len).fill(1)
-        val.push(...arr)
+        previousResults.push(...arr)
     }
     if (isStatus3) {
         if (img) {
-            val.pop()
+            previousResults.pop()
-            val.unshift({
+            previousResults.unshift({
                 drawImageUrl: img
             })
+            console.log(previousResults);
         }
-    }
-    val.forEach(res => {
-        str += `
-            <li>
-                ${res.drawItemList.map(item => {
-            if (res.drawItemList.length == 1) {
-                return `<p style="width:0.8rem;height:0.8rem"><img  src="${item.drawName == '洋蔥' ? './images/1.png' : item.drawName == '番茄' ? './images/2.png' : item.drawName == '蘑菇' ? './images/3.png' : item.drawName == '土豆' ? './images/4.png' : item.drawName == '大閘蟹' ? './images/5.png' : item.drawName == '魚' ? './images/6.png' : item.drawName == '雞肉' ? './images/7.png' : item.drawName == '龍蝦' ? './images/8.png' : item.drawImageUrl}" alt=""></p>`;
-            } else if (res.drawItemList.length == 2) {
-                return `<p style="width:0.6rem;height:0.6rem"><img  src="${item.drawName == '洋蔥' ? './images/1.png' : item.drawName == '番茄' ? './images/2.png' : item.drawName == '蘑菇' ? './images/3.png' : item.drawName == '土豆' ? './images/4.png' : item.drawName == '大閘蟹' ? './images/5.png' : item.drawName == '魚' ? './images/6.png' : item.drawName == '雞肉' ? './images/7.png' : item.drawName == '龍蝦' ? './images/8.png' : item.drawImageUrl}" alt=""></p>`;
-            } else if (res.drawItemList.length == 3) {
-                return `<p style="width:0.45rem;height:0.45rem"><img  src="${item.drawName == '洋蔥' ? './images/1.png' : item.drawName == '番茄' ? './images/2.png' : item.drawName == '蘑菇' ? './images/3.png' : item.drawName == '土豆' ? './images/4.png' : item.drawName == '大閘蟹' ? './images/5.png' : item.drawName == '魚' ? './images/6.png' : item.drawName == '雞肉' ? './images/7.png' : item.drawName == '龍蝦' ? './images/8.png' : item.drawImageUrl}" alt=""></p>`;
-            } else {
-                return `<p><img style="width:0.3333333333rem;height:0.3333333333rem" src="${item.drawName == '洋蔥' ? './images/1.png' : item.drawName == '番茄' ? './images/2.png' : item.drawName == '蘑菇' ? './images/3.png' : item.drawName == '土豆' ? './images/4.png' : item.drawName == '大閘蟹' ? './images/5.png' : item.drawName == '魚' ? './images/6.png' : item.drawName == '雞肉' ? './images/7.png' : item.drawName == '龍蝦' ? './images/8.png' : item.drawImageUrl}" alt=""></p>`;
-            }
 
-        }).join('')
+    }
-            }
+    previousResults.map((item) => {
-            </li>
+        str += `
+            <p><img src="${item.drawImageUrl}" alt=""></p>
         `
     })
-    $('.wrap .previous_Round_Result .box ul').html(str)
+    $('.result-list').html(str)
 }
 
 // 發送用戶抽獎數量
 const sendUserDrawInfo = (itemId, num, tais) => {
-    // showLoading();
+    showLoading();
     networkRequest({
         type: 'POST',
         url: urlPrefix + '/act/luckySea/draw',
         // contentType: 'application/json',
-        // data: `[{
+        // data: `[ {
         //     "itemId":${itemId},
         //     "num":${num}
         //   }]`,
@@ -705,19 +636,17 @@ const sendUserDrawInfo = (itemId, num, tais) => {
                 tais.data('total-num').number = parseInt(tais.data('total-num').number) + fragmentNum
                 tais
                     .stop(true, true)
-                    .animate({ scale: 1.1, }, 50)//skew(10deg, 10deg)
+                    .animate({ scale: 1.1 }, 200)
-                    .animate({ scale: 1, }, 50)//skew(10deg, 10deg) rotate: 0,
+                    .animate({ scale: 1 }, 200, function () {
-                // .animate({ scale: 1, rotate: 0 }, 50, function () {
+                        if (lock) {
-                // if (lock) {
+                            tais.find('.select-num').html('+' + tais.data('total-num').number).hide().fadeIn(200)
-                // tais.find('.select-num').html('+' + tais.data('total-num').number).hide().fadeIn(200)
+                        }
-                tais.find('.select-num').html('+' + tais.data('total-num').number).hide().fadeIn(50)
+                        setTimeout(() => {
-                // }
+                            // getUserInfo()
-                // setTimeout(() => {
+                            getUserPieceNum()
-                // getUserInfo()
+                            // getListItem(roundId)
-                getUserPieceNum()
+                        }, 100)
-                // getListItem(roundId)
+                    })
-                // }, 100)
-                // })
                 hideLoading(layerIndex)
             } else if (31005) {
                 lock = !lock
@@ -840,7 +769,7 @@ const renderMyInfo = () => {
             num = myInfoD.num
         }
         // $('.mine-diamond-num').html('今日獎勵' + num)
-        $('.mine-diamond-num').html(num == 0 ? '—— ——' : num)
+        $('.mine-diamond-num').html(num)
     } else {
         let erbanNo = myInfoN.erbanNo
         let myIndex = rankListN.findIndex((item, index) => {
@@ -858,7 +787,7 @@ const renderMyInfo = () => {
             myInfoN.nick = '未知'
         }
         $('.mine-info').find('.mine-nick').html(myInfoN.nick)
-        $('.mine-diamond-num').html('猜中<b> ' + myInfoN.num + ' </b>次')
+        $('.mine-diamond-num').html('猜中' + myInfoN.num + '次')
     }
 }
 
@@ -974,7 +903,7 @@ const renderRankList = () => {
         othersArr.map((item, index) => {
             let num
             if (item.erbanNo) {
-                num = '猜中<b> ' + item.num + ' </b>次'
+                num = '猜中' + item.num + '次'
             }
             others += `
                 <li uid="${item.uid}">
@@ -1020,7 +949,7 @@ $(function () {
         $('.recharge').click(function () {
             // if (browser.app) {
             //     if (browser.ios) {
-            //         window.location.href = 'http://192.168.0.19:5502/view/peko/modules/pay/index.html?channelType=4';
+            //         window.location.href = 'https://api.pekolive.com/peko/modules/pay/index.html?channelType=4';
             //     } else {
             //         if (browser.android) {
             //             let channel = pubInfo.deviceInfo.channel
@@ -1042,8 +971,7 @@ $(function () {
                 }
             }
         })
-        // getPreviousResults(20, roundId)
+    }, 50)
-    }, 100)
 
     // 監聽按鈕點擊事件
     // let fragmentNum
@@ -1082,13 +1010,8 @@ $(function () {
                     window.location.href = urlPrefix + '/peko/modules/pay/index.html?channelType=4';
                 }
             } else if (browser.ios) {
-                let channel = pubInfo.deviceInfo.channel;
+                window.webkit.messageHandlers.chargePayClickPage.postMessage(6);
-                if (channel == "appstore") { 
+                window.location.href = urlPrefix + '/peko/modules/pay/index.html?channelType=4';
-                    window.webkit.messageHandlers.openChargePage.postMessage(null);
-                } else {
-                    window.webkit.messageHandlers.chargePayClickPage.postMessage(6);
-                    window.location.href = urlPrefix + '/peko/modules/pay/index.html?channelType=4';
-                }
             }
         } else {
             toastMsg('請在app內打開')
@@ -1147,7 +1070,68 @@ $(function () {
     $('.shade-content-rank').on('click', function (e) {
         e.stopPropagation()
     })
+    // 監聽滾動
+    // $('.other-rank').on('scroll', function () {
+    //     let scrollTop = $(this).scrollTop();//這是已經卷進去滾動條的的高度
+    //     let scrollHeight = $('.other-rank')[0].scrollHeight;//這個是other-rank包含滾動條的總高度
+    //     let ulHeight = $(this).innerHeight();//這個是other-rank的高度
 
+    //     //這樣距離到底還有一段距離就請求，但是會導致重復請求，所以要加鎖限製
+    //     if (scrollTop + ulHeight + 100 >= scrollHeight) {
+    //         if (type === 1) {
+    //             if (isLockD) {
+    //                 isLockD = false
+    //                 pageD++
+    //                 if (pageSize * pageD > 30) {
+    //                     toastMsg('沒有更多數據啦~')
+    //                 } else {
+    //                     if (canRequsetNextPageD) {
+    //                         getListRank(type, pageD);
+    //                     } else {
+    //                         toastMsg('沒有更多數據啦~')
+    //                     }
+    //                 }
+    //             } else {
+    //                 if (scrollTop + ulHeight >= scrollHeight) {
+    //                     if (pageSize * pageD > 30) {
+    //                         toastMsg('沒有更多數據啦~')
+    //                     }
+    //                 }
+    //             }
+
+    //         } else {
+    //             if (isLockN) {
+    //                 isLockN = false
+    //                 pageN++
+    //                 if (pageSize * pageN > 30) {
+    //                     toastMsg('沒有更多數據啦~')
+    //                 } else {
+    //                     if (canRequsetNextPageN) {
+    //                         getListRank(type, pageN);
+    //                     } else {
+    //                         toastMsg('沒有更多數據啦')
+    //                     }
+    //                 }
+    //             } else {
+    //                 if (scrollTop + ulHeight >= scrollHeight) {
+    //                     if (pageSize * pageN > 30) {
+    //                         toastMsg('沒有更多數據啦~')
+    //                     }
+    //                 }
+    //             }
+    //         }
+    //     }
+    // })
+
+    // 播放3s動畫
+    // let player1 = new SVGA.Player('.draw-time');
+    // let parser1 = new SVGA.Parser('.draw-time');
+    // parser1.load('./images/draw.svga', function (videoItem) {
+    //     // player.loops = 2;
+    //     player1.clearsAfterStop = false;
+    //     player1.setVideoItem(videoItem);
+    //     player1.startAnimation();
+    // })
     // 点击跳转个人主页
     // $('.draw-time .top-three .top-three-list .no').off()
     $('.draw-time .top-three .top-three-list .no').click(function () {
@@ -1179,13 +1163,8 @@ $(function () {
                     window.location.href = urlPrefix + '/peko/modules/pay/index.html?channelType=4';
                 }
             } else if (browser.ios) {
-                let channel = pubInfo.deviceInfo.channel;
+                window.webkit.messageHandlers.chargePayClickPage.postMessage(6);
-                if (channel == "appstore") { 
+                window.location.href = urlPrefix + '/peko/modules/pay/index.html?channelType=4';
-                    window.webkit.messageHandlers.openChargePage.postMessage(null);
-                } else {
-                    window.webkit.messageHandlers.chargePayClickPage.postMessage(6);
-                    window.location.href = urlPrefix + '/peko/modules/pay/index.html?channelType=4';
-                }
             }
         } else {
             toastMsg('請在app內打開')
@@ -1205,27 +1184,27 @@ $(function () {
             return
         }
 
-        // if (!lock) {
+        if (!lock) {
-        //     lock = !lock
+            lock = !lock
-        // console.log($(this).data('total-num'));
+            // console.log($(this).data('total-num'));
-        // console.log($(this).data('total-num').number);
+            // console.log($(this).data('total-num').number);
-        // console.log(fragmentNum);
+            // console.log(fragmentNum);
-        // $(this).data('total-num').number = parseInt($(this).data('total-num').number) + fragmentNum
+            // $(this).data('total-num').number = parseInt($(this).data('total-num').number) + fragmentNum
-        // $(this)
+            // $(this)
-        //     .stop(true, true)
+            //     .stop(true, true)
-        //     .animate({ scale: 1.1 }, 200)
+            //     .animate({ scale: 1.1 }, 200)
-        //     .animate({ scale: 1 }, 200, function () {
+            //     .animate({ scale: 1 }, 200, function () {
-        //         if (lock) {
+            //         if (lock) {
-        //             $(this).find('.select-num').html('+' + $(this).data('total-num').number).hide().fadeIn(200)
+            //             $(this).find('.select-num').html('+' + $(this).data('total-num').number).hide().fadeIn(200)
-        //         }
+            //         }
-        //         setTimeout(() => {
+            //         setTimeout(() => {
-        //             // getUserInfo()
+            //             // getUserInfo()
-        //             getUserPieceNum()
+            //             getUserPieceNum()
-        //             // getListItem(roundId)
+            //             // getListItem(roundId)
-        //         }, 100)
+            //         }, 100)
-        //     })
+            //     })
-        sendUserDrawInfo($(this).data('total-num').id, fragmentNum, $(this))
+            sendUserDrawInfo($(this).data('total-num').id, fragmentNum, $(this))
-        // }
+        }
     })
 
     // ios去到後臺或者鎖屏後再回來倒計時不準確
@@ -1247,17 +1226,4 @@ $(function () {
             $countDown.html(countDownTime)
         }
     })
-
+})  
-})
-//返回页面 重新请求接口
-var hiddenProperty = 'hidden' in document ? 'hidden' :
-    'webkitHidden' in document ? 'webkitHidden' :
-        'mozHidden' in document ? 'mozHidden' : null;
-
-var visibilityChangeEvent = hiddenProperty.replace(/hidden/i, 'visibilitychange');
-var onVisibilityChange = function () {
-    if (!document[hiddenProperty]) {
-        location.reload()
-    }
-}
-document.addEventListener(visibilityChangeEvent, onVisibilityChange);

view/peko/activity/act-ocean/js/record.js

@@ -23,7 +23,7 @@ $(function () {
         getUserRecord()
     }, 100)
 
-    function getUserRecord () {
+    function getUserRecord() {
         canNext = false
         networkRequest({
             type: 'GET',
@@ -32,7 +32,7 @@ $(function () {
                 page,
                 pageSize
             },
-            success (res) {
+            success(res) {
                 if (res.code === 200) {
                     if (res.data.length != 0) {
                         // 能够继续请求下一页
@@ -43,13 +43,13 @@ $(function () {
                         canNext = false
                         toastMsg('沒有更多啦~')
                     }
-
+                    
                 } else {
                     canNext = true
                     toastMsg(res.message)
                 }
             },
-            error (err) {
+            error(err) {
                 canNext = true
                 toastMsg('網絡錯誤，請退出重進')
             }
@@ -60,7 +60,7 @@ $(function () {
     const renderRecord = (recordList) => {
         if (recordList.length === 0) {
             $('.record-list').hide();
-            // $('.img').show();
+            $('.img').show();
         } else {
             // $('.record-list li').remove();
             $('.record-list').show();
@@ -69,7 +69,7 @@ $(function () {
             var drawId;
             var itemUrl;
             var results = [];
-
+            
 
             let str = '';
             recordList.forEach((res, index) => {
@@ -92,42 +92,40 @@ $(function () {
                     </div>
                     <div class="result-wrap">
                         <div class="result">
-                            <span></span>
+                            <span>本輪結果</span>
+                            <div class="bg"><img src="${itemUrl}" alt=""></div>
                         </div>
                         <div class="award">
                             <p>獎勵:</p>
                             <img src="./images/diamond.png" class="diamond" alt="">
                             <b>${res.reward}</b>
                         </div>
-                        <div class="result_sBox">
-                            ${res.drawItemList.map(item => {
-                    return `<div class="bg"><img src="${item.drawImageUrl}" alt=""></div>`
-                }).join('')}
-                        </div>
                     </div>
                     <div class="put-wrap">
-                        <div class="put"></div>
+                        <div class="put">投入</div>
                         <div class="list">
-
+    
                         </div>
                     </div>
                 </li>
-    `
+                `
+
             })
             $('.record-list').append(str)
 
 
             results.forEach((res, index) => {
                 res.forEach(val => {
+
                     $('.record-list li').eq(lisIndexId).find('.list').append(`
-                    <div class= "item">
+                    <div class="item">
                         <p><img src="${val.itemUrl}" class="gift" alt=""></p>
                         <div>
                             <img src="./images/diamond.png" class="diamond" alt="">
                             <span class="in">${val.costPiece}</span>
                         </div>
                     </div>
-    `)
+                    `)
                 })
                 lisIndex = lisIndex + 1;
                 lisIndexId = lisIndexId + 1;

view/peko/activity/act-ocean/record.html

@@ -14,122 +14,27 @@
 <body>
     <ul class="record-list">
         <!-- <li style="margin-bottom: 0.8rem;">
-            <h3>23-02-25 19:13:24</h3>
+            <h3>${dateFormat(res.drawTime, 'yy-MM-dd hh:mm:ss')}</h3>
             <div class="goldBox">
-                <span>NO.230225191242</span>
+                <span>NO.2212092000</span>
-                <p style="display: block;" class="fasle">哎呀~猜錯了 o(╥﹏╥)o</p>
+                <p class="fasle">哎呀~猜錯了 o(╥﹏╥)o</p>
-                <p style="display: none;" class="true">厲害~猜對了 ୧(๑•̀◡•́๑)૭</p>
+                <p class="true">厲害~猜對了 ୧(๑•̀◡•́๑)૭</p>
             </div>
             <div class="result-wrap">
                 <div class="result">
-                    <span></span>
+                    <span>本輪結果</span>
+                    <div class="bg"><img src="" alt=""></div>
                 </div>
                 <div class="award">
                     <p>獎勵:</p>
                     <img src="./images/diamond.png" class="diamond" alt="">
-                    <b>0</b>
+                    <b></b>
-                </div>
-                <div class="result_sBox">
-                    <div class="bg">
-                        <img src="http://beta.img.pekolive.com/FjWcbuxEpzZ8P3aS4A0n2llW9Jw9?imageslim" alt="">
-                    </div>
-                    <div class="bg">
-                        <img src="http://beta.img.pekolive.com/FjWcbuxEpzZ8P3aS4A0n2llW9Jw9?imageslim" alt="">
-                    </div>
-                    <div class="bg">
-                        <img src="http://beta.img.pekolive.com/FjWcbuxEpzZ8P3aS4A0n2llW9Jw9?imageslim" alt="">
-                    </div>
-                    <div class="bg">
-                        <img src="http://beta.img.pekolive.com/FjWcbuxEpzZ8P3aS4A0n2llW9Jw9?imageslim" alt="">
-                    </div>
-                    <div class="bg">
-                        <img src="http://beta.img.pekolive.com/FjWcbuxEpzZ8P3aS4A0n2llW9Jw9?imageslim" alt="">
-                    </div>
-                    <div class="bg">
-                        <img src="http://beta.img.pekolive.com/FjWcbuxEpzZ8P3aS4A0n2llW9Jw9?imageslim" alt="">
-                    </div>
-                    <div class="bg">
-                        <img src="http://beta.img.pekolive.com/FjWcbuxEpzZ8P3aS4A0n2llW9Jw9?imageslim" alt="">
-                    </div>
-                    <div class="bg">
-                        <img src="http://beta.img.pekolive.com/FjWcbuxEpzZ8P3aS4A0n2llW9Jw9?imageslim" alt="">
-                    </div>
                 </div>
             </div>
             <div class="put-wrap">
-                <div class="put"></div>
+                <div class="put">投入</div>
                 <div class="list">
-                    <div class="item">
-                        <p><img src="http://beta.img.pekolive.com/FmLQyTfMaHlwkvj568vpV0uk7aSc?imageslim" class="gift"
-                                alt=""></p>
-                        <div>
-                            <img src="./images/diamond.png" class="diamond" alt="">
-                            <span class="in">100</span>
-                        </div>
-                    </div>
 
-                    <div class="item">
-                        <p><img src="http://beta.img.pekolive.com/Fm94cJfxF1Eqm0U04nG476JvFLaF?imageslim" class="gift"
-                                alt=""></p>
-                        <div>
-                            <img src="./images/diamond.png" class="diamond" alt="">
-                            <span class="in">0</span>
-                        </div>
-                    </div>
-
-                    <div class="item">
-                        <p><img src="http://beta.img.pekolive.com/FjWcbuxEpzZ8P3aS4A0n2llW9Jw9?imageslim" class="gift"
-                                alt=""></p>
-                        <div>
-                            <img src="./images/diamond.png" class="diamond" alt="">
-                            <span class="in">100</span>
-                        </div>
-                    </div>
-
-                    <div class="item">
-                        <p><img src="http://beta.img.pekolive.com/Ftlck3geTvQvvjBkyCwxuv7tHR_a?imageslim" class="gift"
-                                alt=""></p>
-                        <div>
-                            <img src="./images/diamond.png" class="diamond" alt="">
-                            <span class="in">100</span>
-                        </div>
-                    </div>
-
-                    <div class="item">
-                        <p><img src="http://beta.img.pekolive.com/Fnnd7i5L8BPI95DF_ZvhdGkk8cqI?imageslim" class="gift"
-                                alt=""></p>
-                        <div>
-                            <img src="./images/diamond.png" class="diamond" alt="">
-                            <span class="in">0</span>
-                        </div>
-                    </div>
-
-                    <div class="item">
-                        <p><img src="http://beta.img.pekolive.com/FoIKvxfBJiUUGNcL8ouKQKENQ2eb?imageslim" class="gift"
-                                alt=""></p>
-                        <div>
-                            <img src="./images/diamond.png" class="diamond" alt="">
-                            <span class="in">100</span>
-                        </div>
-                    </div>
-
-                    <div class="item">
-                        <p><img src="http://beta.img.pekolive.com/Fv3U6kNuCovsRljPb_an73W0U0lZ?imageslim" class="gift"
-                                alt=""></p>
-                        <div>
-                            <img src="./images/diamond.png" class="diamond" alt="">
-                            <span class="in">100</span>
-                        </div>
-                    </div>
-
-                    <div class="item">
-                        <p><img src="http://beta.img.pekolive.com/FuEuGPGHcyGExK_nJhvx08S4KeJ9?imageslim" class="gift"
-                                alt=""></p>
-                        <div>
-                            <img src="./images/diamond.png" class="diamond" alt="">
-                            <span class="in">100</span>
-                        </div>
-                    </div>
                 </div>
             </div>
         </li> -->

view/peko/activity/explore/js/index.js

@@ -318,8 +318,10 @@ $(function () {
         $('body').css('overflow', 'auto')
         if (browser.app) {
             if (browser.android) {
-                tools.nativeUtils.jumpAppointPage('RECHARGE_PAGE')
+                // tools.nativeUtils.jumpAppointPage('RECHARGE_PAGE')
+                window.androidJsObj.openChargePage(8);
             } else if (browser.ios) {
+                window.webkit.messageHandlers.chargePayClickPage.postMessage(8)
                 window.webkit.messageHandlers.openChargePage.postMessage(null)
             }
         } else {

view/peko/common/js/common2.js

@@ -529,13 +529,11 @@ function getInfoFromClient () {
         console.log('从客户端获取了用户信息（设备信息），此信息来源：common2.js');
         if (browser.android) {
             pubInfo.uid = methodsFromClient.uid.android();
-            pubInfo.roomUid = methodsFromClient.roomUid.android();
             pubInfo.ticket = methodsFromClient.ticket.android();
             pubInfo.deviceId = methodsFromClient.deviceId.android();
             pubInfo.deviceInfo = methodsFromClient.deviceInfo.android();
         } else {
             methodsFromClient.uid.ios();
-            methodsFromClient.roomUid.ios();
             methodsFromClient.ticket.ios();
             methodsFromClient.deviceId.ios();
             methodsFromClient.deviceInfo.ios();
@@ -543,13 +541,15 @@ function getInfoFromClient () {
 
     } else {
         // 非app环境调试参数
-        pubInfo.uid = sessionStorage.getItem("uid") ? sessionStorage.getItem("uid") : '';
+        pubInfo.uid = 2346;
-        // pubInfo.ticket = sessionStorage.getItem("ticket") ? sessionStorage.getItem("ticket") : '';
+        pubInfo.ticket = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ0aWNrZXRfdHlwZSI6bnVsbCwidWlkIjoyMzQ2LCJ0aWNrZXRfaWQiOiJhOTY1YzkyYi1hZDM2LTRhZWItODk5OC1iN2UzODEyZjU2ZGYiLCJleHAiOjM2MDAsImNsaWVudF9pZCI6ImVyYmFuLWNsaWVudCJ9.AA-x5FwodxS9zimfJv4CTBXgD5-CPgVeoS-L6EU8VTI";
-        pubInfo.h5_token = sessionStorage.getItem("ticket") ? sessionStorage.getItem("ticket") : '';
+        // pubInfo.uid = "";
+        // pubInfo.ticket = "";
+
         pubInfo.deviceId = "0";
         pubInfo.deviceInfo = {
             app: 'peko',
-            appVersion: '9.9.9',
+            appVersion: '0.0.0',
             os: '0.0.0',
             osVersion: '0.0.0',
             channel: 'browser',
@@ -764,22 +764,19 @@ function networkRequest (reqObj = {}, type) {
     if (typeof pubInfo.deviceInfo === 'string') {
         pubInfo.deviceInfo = JSON.parse(pubInfo.deviceInfo);
     };
-    var browser = checkVersion();
+    const pubHeader = {
-    const pubHeader = {};
+        app: type != 'yinbaos' ? pubInfo.deviceInfo.app : 'yinbao',
-    pubHeader.app = type != 'yinbaos' ? pubInfo.deviceInfo.app : 'yinbao'
+        // app: 'peko',
-    // app: 'peko',
+        // app: pubInfo.deviceInfo.app.indexOf('peko') != -1 ? 'peko' : 'PlanetStar',
-    // app: pubInfo.deviceInfo.app.indexOf('peko') != -1 ? 'peko' : 'PlanetStar',
+        appVersion: pubInfo.deviceInfo.appVersion || '',
-    pubHeader.appVersion = pubInfo.deviceInfo.appVersion || ''
+        os: pubInfo.deviceInfo.os || '',
-    pubHeader.os = pubInfo.deviceInfo.os || ''
+        os_version: pubInfo.deviceInfo.osVersion || '',
-    pubHeader.os_version = pubInfo.deviceInfo.osVersion || ''
+        channel: pubInfo.deviceInfo.channel || '',
-    pubHeader.channel = pubInfo.deviceInfo.channel || ''
+        client: 'h5',
-    pubHeader.client = 'h5'
+        pub_uid: pubInfo.uid,
-    pubHeader.pub_uid = window.location.pathname.match(/login.html/) ? 0 : pubInfo.uid
+        pub_ticket: pubInfo.ticket
-    if (browser.app) {
+    };
-        pubHeader.pub_ticket = pubInfo.ticket
+
-    } else {
-        pubHeader.h5_token =sessionStorage.getItem("ticket") ? sessionStorage.getItem("ticket") : '';
-    }
     const url = reqObj.url;
     const commParams = objToParam(pubHeader);
     if (url.indexOf('?') >= 0) {
@@ -795,13 +792,4 @@ function networkRequest (reqObj = {}, type) {
 
     const response = $.ajax(reqObj);
     return response;
-}
-// 控制body是否可以滑动
-function bodyScroolFun (bool) {
-    if (bool) {
-        $('body').css('overflow', 'hidden');
-    } else {
-        $('body').css('overflow', 'auto');
-
-    }
 }

view/peko/home/js/index.js

@@ -7,114 +7,113 @@ const urlPrefix = getUrlPrefix()
 let channelData = urlData.channel
 //定义官方渠道包
 const channelDict = {
-    'peko0': 'https://image.lecheng163.com/peko_peko0.apk',
+  'peko0': 'https://image.lecheng163.com/peko_peko0.apk',
-    'peko1': 'https://image.lecheng163.com/peko_peko1.apk',
+  'peko1': 'https://image.lecheng163.com/peko_peko1.apk',
-    'peko2': 'https://image.lecheng163.com/peko_peko2.apk',
+  'peko2': 'https://image.lecheng163.com/peko_peko2.apk',
-    'peko3': 'https://image.lecheng163.com/peko_peko3.apk',
+  'peko3': 'https://image.lecheng163.com/peko_peko3.apk',
-    'peko4': 'https://image.lecheng163.com/peko_peko4.apk',
+  'peko4': 'https://image.lecheng163.com/peko_peko4.apk',
-    'peko5': 'https://image.lecheng163.com/peko_peko5.apk',
+  'peko5': 'https://image.lecheng163.com/peko_peko5.apk',
-    'peko6': 'https://image.lecheng163.com/peko_peko6.apk',
+  'peko6': 'https://image.lecheng163.com/peko_peko6.apk',
-    'peko7': 'https://image.lecheng163.com/peko_peko7.apk',
+  'peko7': 'https://image.lecheng163.com/peko_peko7.apk',
-    'peko8': 'https://image.lecheng163.com/peko_peko8.apk',
+  'peko8': 'https://image.lecheng163.com/peko_peko8.apk',
-    'peko9': 'https://image.lecheng163.com/peko_peko9.apk',
+  'peko9': 'https://image.lecheng163.com/peko_peko9.apk',
-    'peko10': 'https://image.lecheng163.com/peko_peko10.apk',
+  'peko10': 'https://image.lecheng163.com/peko_peko10.apk',
-    'gongzhonghao': 'https://image.lecheng163.com/peko_gongzhonghao.apk',
+  'gongzhonghao': 'https://image.lecheng163.com/peko_gongzhonghao.apk',
-    'zhaohui': 'https://image.lecheng163.com/zhaohui.apk'
+  'zhaohui': 'https://image.lecheng163.com/zhaohui.apk'
 
-    // 'baomihua01': 'https://image.lecheng163.com/accompany_release_v_213_1_baomihua01_sign.apk'
+  // 'baomihua01': 'https://image.lecheng163.com/accompany_release_v_213_1_baomihua01_sign.apk'
 }
 $(function () {
 
-    //判断url参数是否是与渠道包名一致
+  //判断url参数是否是与渠道包名一致
-    let androidUrl = null;
+  let androidUrl = null;
-    channelDict.hasOwnProperty(channelData) ? androidUrl = channelDict[channelData] : androidUrl = 'https://play.google.com/store/apps/details?id=com.vele.pekolive';
+  channelDict.hasOwnProperty(channelData) ? androidUrl = channelDict[channelData] : androidUrl = 'https://play.google.com/store/apps/details?id=com.vele.peko';
-    let iosUrl = 'http://doudouyue.com/8axv'   //ios企业包
+  let iosUrl = 'http://doudouyue.com/8axv'   //ios企业包
-    //   let iosUrl = 'https://apps.apple.com/cn/app/id1571083482'   //ios商店包
+  //   let iosUrl = 'https://apps.apple.com/cn/app/id1571083482'   //ios商店包
 
-    if (version.ios) {
+  if (version.ios) {
-        $('.button-wrapper').on('click', function () {
+    $('.button-wrapper').on('click', function () {
-            if (version.weixin) {
+      if (version.weixin) {
-                $('.tips').show()
+        $('.tips').show()
-                return
+        return
-            }
+      }
-            window.location.href = iosUrl;
+      window.location.href = iosUrl;
-        })
+    })
 
-    } else if (version.android) {
+  } else if (version.android) {
-        $('.button-wrapper').on('click', function () {
+    $('.button-wrapper').on('click', function () {
-            if (version.weixin) {
+      if (version.weixin) {
-                $('.tips').show()
+        $('.tips').show()
-                return
+        return
-            }
+      }
-            window.location.href = androidUrl;
+      window.location.href = androidUrl;
-        })
+    })
-    } else {
+  } else {
-        $('.button-wrapper').on('click', function () {
+    $('.button-wrapper').on('click', function () {
-            window.location.href = androidUrl;
+      window.location.href = androidUrl;
-        })
+    })
-        $('.button2-wrapper').on('click', function () {
+    $('.button2-wrapper').on('click', function () {
-            window.location.href = iosUrl;
+      window.location.href = iosUrl;
-        })
+    })
-    }
+  }
 
 })
 
-function swiperFun () {
+function swiperFun() {
-    var swiper = new Swiper('.swiper', {
+  var swiper = new Swiper('.swiper', {
-        direction: 'horizontal',
+    direction: 'horizontal',
-        loop: true,
+    loop: true,
-        autoplay: 5000,
+    autoplay: 5000,
-        slidesPerView: "auto",
+    slidesPerView: "auto",
-        centeredSlides: true,
+    centeredSlides: true,
-        spaceBetween: 0,
+    spaceBetween: 0,
-        initialSlide: 1,//默认第二个居中
+    initialSlide: 1,//默认第二个居中
 
-    });
+  });
 }
 
 $(function () {
-    $(document).ready(function () {
+  $(document).ready(function () {
-        var deviceWidth = document.documentElement.clientWidth;
+    var deviceWidth = document.documentElement.clientWidth;
-        if (deviceWidth > 768) {
+    if (deviceWidth > 768) {
-            document.documentElement.style.fontSize = deviceWidth / 19.20 + 'px';
+      document.documentElement.style.fontSize = deviceWidth / 19.20 + 'px';
-        } else {
+    } else {
-            document.documentElement.style.fontSize = deviceWidth / 7.50 + 'px';
+      document.documentElement.style.fontSize = deviceWidth / 7.50 + 'px';
-        }
-    });
-    window.onresize = function () {
-        var deviceWidth = document.documentElement.clientWidth;
-        // console.log('deviceWidth', deviceWidth);
-        if (deviceWidth > 768) {
-            document.documentElement.style.fontSize = deviceWidth / 19.20 + 'px';
-        } else {
-            document.documentElement.style.fontSize = deviceWidth / 7.50 + 'px';
-        }
     }
+  });
+  window.onresize = function () {
+    var deviceWidth = document.documentElement.clientWidth;
+    // console.log('deviceWidth', deviceWidth);
+    if (deviceWidth > 768) {
+      document.documentElement.style.fontSize = deviceWidth / 19.20 + 'px';
+    } else {
+      document.documentElement.style.fontSize = deviceWidth / 7.50 + 'px';
+    }
+  }
 
-    swiperFun();
+  swiperFun();
 
-    //跳转pc端充值 
+  //跳转pc端充值 
-    $('.homePc .charge').click(function () {
+  $('.homePc .charge').click(function () {
-        window.location.href = urlPrefix + '/peko/modules/payPc/index.html?channelType=4';
+    window.location.href = urlPrefix + '/peko/modules/payPc/index.html?channelType=4';
-    })
+  })
-    // 跳转移动端h5充值
+  // 跳转移动端h5充值
-    $('.homeM .charge').click(function () {
+  $('.homeM .charge').click(function () {
-        window.location.href = urlPrefix + '/peko/modules/pay/index.html?channelType=4';
+    window.location.href = urlPrefix + '/peko/modules/pay/index.html?channelType=4';
-    })
+  })
-    // logo跳转
+  // logo跳转
-    $('.googlePlay').click(function () {
+  $('.googlePlay').click(function () {
-        window.location.href = 'https://play.google.com/store/apps/details?id=com.vele.pekolive'
+    window.location.href = 'https://play.google.com/store/apps/details?id=com.vele.peko'
-    })
+  })
-    $('.appleStore').click(function () {
+  $('.appleStore').click(function () {
-        // console.log(version, 'version');
+    // console.log(version, 'version');
-        if (version.webKit && version.ios) {
+    if (version.webKit && version.ios) {
-            window.location.href = 'https://apps.apple.com/cn/app/id6446155565'
+      window.location.href = 'itms-services:///?action=download-manifest&url=https://img.pekolive.com/distribute.plist'
-        }
+    } else {
-        else {
+      window.location.href = 'http://doudouyue.com/h958'
-            window.location.href = 'http://doudouyue.com/3gh2'
+    }
-        }
+  })
-    })
+  $('.apk').click(function () {
-    $('.apk').click(function () {
+    window.location.href = 'https://img.pekolive.com/peko_official.apk'
-        window.location.href = 'https://img.pekolive.com/peko_official.apk'
+  })
-    })
 })

view/peko/homeCheck/css/index.css

@@ -1,221 +0,0 @@
-@charset "UTF-8";
-body,
-html {
-  width: 100%;
-  height: 100%;
-  font-family: "Heiti SC", "Microsoft Sans Serif"; }
-
-.container {
-  position: relative; }
-
-.homePc {
-  width: 100%;
-  height: 10.8rem;
-  background: url(../images/homePc.png) no-repeat;
-  background-size: 100% 100%;
-  position: relative;
-  overflow: hidden; }
-  .homePc .logo {
-    width: 2.35rem;
-    height: 0.8rem;
-    position: absolute;
-    top: 0.36rem;
-    left: 2.4rem; }
-  .homePc .name {
-    font-size: 0.3rem;
-    color: #282828;
-    font-weight: 600;
-    position: absolute;
-    top: 0.55rem;
-    left: 3.22rem; }
-  .homePc .charge {
-    font-size: 0.32rem;
-    color: #282828;
-    font-weight: 600;
-    position: absolute;
-    right: 4.24rem;
-    top: 0.5rem; }
-  .homePc p {
-    font-size: 0.32rem;
-    color: #282828;
-    font-weight: 600;
-    position: absolute;
-    right: 3.95rem;
-    top: 0.5rem; }
-  .homePc .zhichi {
-    font-size: 0.3rem;
-    color: #282828;
-    font-weight: 600;
-    position: absolute;
-    right: 2.4rem;
-    top: 0.5rem; }
-  .homePc .swiper {
-    width: 12.6rem;
-    height: 9.55rem;
-    margin: 1.25rem 0 0 4.1rem;
-    position: relative;
-    overflow-y: hidden; }
-    .homePc .swiper .swiper-wrapper {
-      width: 10.8rem;
-      height: 100%;
-      /*先去掉前进后退按钮默认样式*/
-      --swiper-navigation-size:0; }
-      .homePc .swiper .swiper-wrapper .swiper-slide img {
-        width: 100%;
-        height: 100%;
-        position: absolute;
-        top: 0;
-        left: 50%;
-        transform: translateX(-50%); }
-    .homePc .swiper .swiper-pagination {
-      width: 0.63rem;
-      height: 2.07rem;
-      background-color: rgba(0, 0, 0, 0.4);
-      border-radius: 0.4rem;
-      position: absolute;
-      top: 3.5rem;
-      right: 0rem; }
-      .homePc .swiper .swiper-pagination .swiper-pagination-bullet {
-        width: 0.22rem !important;
-        height: 0.22rem !important;
-        background: none !important;
-        background-image: url(../images/li.png) !important;
-        background-size: 100% 100% !important;
-        opacity: 1 !important;
-        margin: 0.35rem auto; }
-      .homePc .swiper .swiper-pagination .swiper-pagination-bullet-active {
-        background: none !important;
-        background-image: url(../images/li_active.png) !important;
-        background-size: 100% 100% !important;
-        opacity: 1 !important; }
-
-.eori {
-  width: 100%;
-  background: #30312C;
-  color: white;
-  padding: 0.2rem 0;
-  vertical-align: top; }
-  .eori .recordfoot {
-    color: #fff;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    margin-bottom: 0.1rem; }
-    .eori .recordfoot .record {
-      display: inline-block;
-      padding-right: 0.0533333333rem;
-      height: 0.16rem;
-      width: 0.15rem; }
-    .eori .recordfoot a {
-      font-size: 0.2rem;
-      color: #fff; }
-  .eori .gongsi {
-    display: flex;
-    justify-content: center;
-    text-align: center; }
-    .eori .gongsi p {
-      font-size: 0.2rem; }
-      .eori .gongsi p:nth-child(2) {
-        margin: 0 0.2rem; }
-
-.service {
-  position: fixed;
-  left: 0;
-  bottom: 0;
-  top: 0;
-  right: 0;
-  background: rgba(0, 0, 0, 0.8);
-  z-index: 9999;
-  display: none; }
-  .service .service_in {
-    width: 8.23rem;
-    height: 4.9rem;
-    background: #FFFFFF;
-    border-radius: 0.5rem;
-    position: relative;
-    left: 50%;
-    top: 50%;
-    transform: translate(-50%, -50%);
-    overflow: hidden; }
-    .service .service_in .close {
-      width: 0.5rem;
-      height: 0.5rem;
-      position: absolute;
-      top: 0.35rem;
-      right: 0.4rem; }
-    .service .service_in .title {
-      width: 100%;
-      font-size: 0.48rem;
-      color: #2D2727;
-      font-weight: 600;
-      text-align: center;
-      margin: 0.35rem 0; }
-    .service .service_in .subhead {
-      width: 100%;
-      font-size: 0.24rem;
-      color: #2D2727;
-      font-weight: 600;
-      text-align: center;
-      margin-bottom: 0.5rem; }
-    .service .service_in .con {
-      width: 100%;
-      height: 2.6rem;
-      display: flex;
-      justify-content: space-evenly;
-      align-items: center; }
-      .service .service_in .con div {
-        flex: 1;
-        font-size: 0.2rem;
-        text-align: center; }
-      .service .service_in .con .left {
-        border-right: 1px solid #F0F0F0; }
-        .service .service_in .con .left p e {
-          display: inline-block;
-          width: 0.25rem;
-          height: 0.25rem;
-          line-height: 0.25rem;
-          text-align: center;
-          border-radius: 50%;
-          background-color: #ffe710; }
-        .service .service_in .con .left img {
-          width: 3rem;
-          height: 1.7rem;
-          margin-top: 0.38rem; }
-      .service .service_in .con .right p e {
-        display: inline-block;
-        width: 0.25rem;
-        height: 0.25rem;
-        line-height: 0.25rem;
-        text-align: center;
-        border-radius: 50%;
-        background-color: #ffe710; }
-      .service .service_in .con .right img {
-        width: 1.68rem;
-        height: 1.68rem;
-        margin-top: 0.38rem; }
-
-.toast {
-  background: rgba(0, 0, 0, 0.9);
-  border-radius: 10px;
-  width: 100px;
-  font-size: 16px;
-  position: fixed;
-  left: 50%;
-  top: 50%;
-  transform: translate(-50%, -50%);
-  color: #fff;
-  height: 40px;
-  line-height: 40px;
-  text-align: center;
-  display: none;
-  z-index: 9; }
-
-.tips {
-  display: none;
-  position: fixed;
-  top: 0;
-  right: 0.2666666667rem;
-  width: 6.1333333333rem;
-  z-index: 9; }
-
-/*# sourceMappingURL=index.css.map */

view/peko/homeCheck/css/index.scss

@@ -1,494 +0,0 @@
-@function px2rem($px, $rem: 75) {
-  @return $px / $rem+rem;
-}
-
-body,
-html {
-  width: 100%;
-  height: 100%;
-  font-family: "Heiti SC", "Microsoft Sans Serif";
-  //overflow: hidden;
-}
-
-.container {
-  position: relative;
-}
-
-// pc端
-// @media screen and (min-width:769px) {
-//   .m-bg {
-//     display: none;
-
-//     img {
-//       display: block;
-//     }
-//   }
-// }
-
-.homePc {
-  width: 100%;
-  height: 10.8rem;
-  background: url(../images/homePc.png) no-repeat;
-  background-size: 100% 100%;
-  position: relative;
-  overflow: hidden;
-
-  .logo {
-    width: 2.35rem;
-    height: 0.8rem;
-    position: absolute;
-    top: 0.36rem;
-    left: 2.4rem;
-  }
-
-  .name {
-    font-size: 0.3rem;
-    color: #282828;
-    font-weight: 600;
-    position: absolute;
-    top: 0.55rem;
-    left: 3.22rem;
-  }
-
-  .charge {
-    font-size: 0.32rem;
-    color: #282828;
-    font-weight: 600;
-    position: absolute;
-    right: 4.24rem;
-    top: 0.5rem;
-  }
-
-  p {
-    font-size: 0.32rem;
-    color: #282828;
-    font-weight: 600;
-    position: absolute;
-    right: 3.95rem;
-    top: 0.5rem;
-  }
-
-  .zhichi {
-    font-size: 0.3rem;
-    color: #282828;
-    font-weight: 600;
-    position: absolute;
-    right: 2.4rem;
-    top: 0.5rem;
-  }
-
-  .swiper {
-    width: 12.6rem;
-    height: 9.55rem;
-    margin: 1.25rem 0 0 4.1rem;
-    position: relative;
-    // top: 0.81rem;
-    // left: 50%;
-    // transform: translateX(-50%);
-    // overflow: hidden;
-    overflow-y: hidden;
-
-    .swiper-wrapper {
-      width: 10.8rem;
-      height: 100%;
-
-      .swiper-slide {
-        // width: 100%;
-        // height: 100%;
-
-        img {
-          width: 100%;
-          height: 100%;
-          position: absolute;
-          top: 0;
-          left: 50%;
-          transform: translateX(-50%);
-        }
-      }
-
-
-      /*先去掉前进后退按钮默认样式*/
-      --swiper-navigation-size:0;
-
-    }
-
-
-    .swiper-pagination {
-      width: 0.63rem;
-      height: 2.07rem;
-      background-color: rgba(0, 0, 0, 0.4);
-      border-radius: 0.4rem;
-      position: absolute;
-      top: 3.5rem;
-      right: 0rem;
-
-      .swiper-pagination-bullet {
-        width: 0.22rem !important;
-        height: 0.22rem !important;
-        background: none !important;
-        background-image: url(../images/li.png) !important;
-        background-size: 100% 100% !important;
-        opacity: 1 !important;
-        margin: 0.35rem auto;
-      }
-
-      .swiper-pagination-bullet-active {
-        // width: 30px !important;
-        // height: 30px !important;
-        background: none !important;
-        background-image: url(../images/li_active.png) !important;
-        background-size: 100% 100% !important;
-        opacity: 1 !important;
-      }
-    }
-
-  }
-}
-
-.eori {
-  // height: 1.2rem;
-  width: 100%;
-  background: #30312C;
-  color: rgb(255, 255, 255);
-  padding: 0.2rem 0;
-  vertical-align: top;
-
-  .recordfoot {
-    color: #fff;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    margin-bottom: 0.1rem;
-
-    .record {
-      display: inline-block;
-      padding-right: px2rem(4);
-      height: 0.16rem;
-      width: 0.15rem;
-      // background: url(../images/icon_police.png) no-repeat;
-    }
-
-    a {
-      font-size: 0.2rem;
-      color: #fff;
-    }
-  }
-
-  .gongsi {
-    display: flex;
-    justify-content: center;
-    text-align: center;
-
-    p {
-      font-size: 0.2rem;
-
-      &:nth-child(2) {
-        margin: 0 0.2rem;
-      }
-    }
-  }
-
-}
-
-.service {
-  position: fixed;
-  left: 0;
-  bottom: 0;
-  top: 0;
-  right: 0;
-  background: rgba(0, 0, 0, .8);
-  z-index: 9999;
-  display: none;
-
-  .service_in {
-    width: 8.23rem;
-    height: 4.9rem;
-    background: #FFFFFF;
-    border-radius: 0.5rem;
-    position: relative;
-    left: 50%;
-    top: 50%;
-    transform: translate(-50%, -50%);
-    overflow: hidden;
-
-    .close {
-      width: 0.5rem;
-      height: 0.5rem;
-      position: absolute;
-      top: 0.35rem;
-      right: 0.4rem;
-    }
-
-    .title {
-      width: 100%;
-      font-size: 0.48rem;
-      color: #2D2727;
-      font-weight: 600;
-      text-align: center;
-      margin: 0.35rem 0;
-    }
-
-    .subhead {
-      width: 100%;
-      font-size: 0.24rem;
-      color: #2D2727;
-      font-weight: 600;
-      text-align: center;
-      margin-bottom: 0.5rem;
-    }
-
-    .con {
-      width: 100%;
-      height: 2.6rem;
-      display: flex;
-      justify-content: space-evenly;
-      align-items: center;
-
-      div {
-        flex: 1;
-        font-size: 0.2rem;
-        text-align: center;
-      }
-
-      .left {
-        border-right: 1px solid #F0F0F0;
-
-        p {
-          e {
-            display: inline-block;
-            width: 0.25rem;
-            height: 0.25rem;
-            line-height: 0.25rem;
-            text-align: center;
-            border-radius: 50%;
-            background-color: #ffe710;
-          }
-        }
-
-        img {
-          width: 3rem;
-          height: 1.7rem;
-          margin-top: 0.38rem;
-        }
-      }
-
-      .right {
-        p {
-          e {
-            display: inline-block;
-            width: 0.25rem;
-            height: 0.25rem;
-            line-height: 0.25rem;
-            text-align: center;
-            border-radius: 50%;
-            background-color: #ffe710;
-          }
-        }
-
-        img {
-          width: 1.68rem;
-          height: 1.68rem;
-          margin-top: 0.38rem;
-        }
-      }
-    }
-  }
-}
-
-// 移动端
-// @media screen and (max-width:768px) {
-
-//   .pc-bg {
-//     display: none;
-//   }
-
-//   .m-bg {
-//     display: block;
-//   }
-
-//   .homeM {
-//     width: 100%;
-//     height: 14.3rem;
-//     background: url(../images/homeM.png) no-repeat;
-//     background-size: 100% 100%;
-//     position: relative;
-
-//     .logo {
-//       height: 0.5rem;
-//       padding: 0.1rem 0 0 0.34rem;
-//       display: flex;
-//       align-items: center;
-
-//       img {
-//         width: 0.5rem;
-//         height: 0.5rem;
-//         margin-right: 0.08rem;
-//       }
-
-//       p {
-//         font-size: 0.26rem;
-//         font-weight: 600;
-//       }
-//     }
-
-//     .charge {
-//       width: 0.6rem;
-//       height: 0.4rem;
-//       line-height: 0.4rem;
-//       text-align: center;
-//       border-radius: 0.1rem;
-//       font-size: 0.26rem;
-//       font-weight: 600;
-//       position: absolute;
-//       right: 0.34rem;
-//       top: 0.2rem;
-//       background-color: rgba(0, 0, 0, 0.2);
-//     }
-
-//     .download {
-//       width: 100%;
-//       height: 0.84rem;
-//       display: flex;
-//       justify-content: space-evenly;
-//       position: absolute;
-//       left: 0;
-//       bottom: 0.8rem;
-
-//       .iphone,
-//       .android {
-//         width: 2.78rem;
-//         height: 0.84rem;
-//       }
-//     }
-
-//     .swiper2 {
-//       width: 100%;
-//       height: 7.76rem;
-//       position: absolute;
-//       top: 4.5rem;
-//       overflow-x: hidden;
-
-//       .swiper-wrapper {
-//         width: 100%;
-//         height: 8rem;
-
-//         .swiper-slide {
-//           img {
-//             width: 100%;
-//             height: 100%;
-//           }
-//         }
-//       }
-
-//       .swiper-pagination {
-//         // width: 20%;
-//         // height: 50%;
-//         // transform: rotate(90deg);
-//         position: absolute;
-//         top: 6.8rem;
-//         left: 0;
-
-//         .swiper-pagination-bullet {
-//           width: 0.25rem !important;
-//           height: 0.25rem !important;
-//           background: none !important;
-//           background-image: url(../images/li.png) !important;
-//           background-size: 100% 100% !important;
-//           opacity: 1 !important;
-//           margin-right: 0.3rem;
-//         }
-
-//         .swiper-pagination-bullet-active {
-//           // width: 30px !important;
-//           // height: 30px !important;
-//           background: none !important;
-//           background-image: url(../images/li_active.png) !important;
-//           background-size: 100% 100% !important;
-//           opacity: 1 !important;
-//         }
-//       }
-//     }
-
-//   }
-
-//   .eori {
-//     // height: 1.2rem;
-//     width: 100%;
-//     background: #30312C;
-//     color: rgb(255, 255, 255);
-//     padding: 0.2rem 0;
-
-//     .recordfoot {
-//       color: #fff;
-//       display: flex;
-//       justify-content: center;
-//       align-items: center;
-
-//       .record {
-//         display: inline-block;
-//         padding-right: px2rem(4);
-//         height: 0.3rem;
-//         width: 0.3rem;
-//         background: url(../images/icon_police.png) no-repeat;
-//       }
-//     }
-
-//     .gongsi {
-//       display: block;
-//       text-align: center;
-
-//       p {
-//         line-height: 1.3;
-//         font-size: 0.2rem;
-
-//         &:nth-child(2) {
-//           margin: 0;
-//         }
-//       }
-//     }
-
-//     // div {
-//     //   // height: 30px;
-//     //   width: 100%;
-//     //   text-align: center;
-//     //   // line-height: 30px;
-//     //   font-size: 14px;
-//     // }
-
-//     .tit {
-//       height: px2rem(120);
-//       line-height: px2rem(120);
-//       text-align: center;
-//       font-size: 20px;
-//     }
-
-//   }
-
-// }
-
-
-.toast {
-  background: rgba(0, 0, 0, 0.9);
-  border-radius: 10px;
-  width: 100px;
-  font-size: 16px;
-  position: fixed;
-  left: 50%;
-  top: 50%;
-  transform: translate(-50%, -50%);
-  color: #fff;
-  height: 40px;
-  line-height: 40px;
-  text-align: center;
-  display: none;
-  z-index: 9;
-}
-
-.tips {
-  display: none;
-  position: fixed;
-  top: 0;
-  right: px2rem(20);
-  width: px2rem(460);
-  z-index: 9;
-}

view/peko/homeCheck/css/reset.css

@@ -1,144 +0,0 @@
-/**
- * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
- * http://cssreset.com
- */
-html, body, div, span, applet, object, iframe,
-h1, h2, h3, h4, h5, h6, p, blockquote, pre,
-a, abbr, acronym, address, big, cite, code,
-del, dfn, em, img, ins, kbd, q, s, samp,
-small, strike, strong, sub, sup, tt, var,
-b, u, i, center,
-dl, dt, dd, ol, ul, li,
-fieldset, form, label, legend,
-table, caption, tbody, tfoot, thead, tr, th, td,
-article, aside, canvas, details, embed,
-figure, figcaption, footer, header,
-menu, nav, output, ruby, section, summary,
-time, mark, audio, video, input {
-    margin: 0;
-    padding: 0;
-    border: 0;
-    font-size: 100%;
-    font-weight: normal;
-    vertical-align: baseline;
-}
-
-/* HTML5 display-role reset for older browsers */
-article, aside, details, figcaption, figure,
-footer, header, menu, nav, section {
-    display: block;
-}
-
-body {
-    line-height: 1;
-}
-
-blockquote, q {
-    quotes: none;
-}
-
-blockquote:before, blockquote:after,
-q:before, q:after {
-    content: none;
-}
-
-table {
-    border-collapse: collapse;
-    border-spacing: 0;
-}
-
-/* custom */
-a {
-    color: #7e8c8d;
-    text-decoration: none;
-    -webkit-backface-visibility: hidden;
-}
-
-li {
-    list-style: none;
-}
-
-::-webkit-scrollbar {
-    width: 5px;
-    height: 5px;
-}
-
-::-webkit-scrollbar-track-piece {
-    background-color: rgba(0, 0, 0, 0.2);
-    -webkit-border-radius: 6px;
-}
-
-::-webkit-scrollbar-thumb:vertical {
-    height: 5px;
-    background-color: rgba(125, 125, 125, 0.7);
-    -webkit-border-radius: 6px;
-}
-
-::-webkit-scrollbar-thumb:horizontal {
-    width: 5px;
-    background-color: rgba(125, 125, 125, 0.7);
-    -webkit-border-radius: 6px;
-}
-
-html, body {
-    width: 100%;
-}
-
-body {
-    -webkit-text-size-adjust: none;
-    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-}
-
-img{
-  width: 100%;
-  vertical-align: top;
-}
-.mask,.share-mask {
-  position: fixed;
-  width: 100%;
-  left: 0;
-  bottom: 0;
-  display: flex;
-  height: 60px;
-  align-items: center;
-  background: rgba(0, 0, 0, 0.5);
-  justify-content: space-between;
-  padding: 0 8px;
-  box-sizing: border-box;
-  color:#fff;
-  display: none; }
-
-.mask .logo {
-  width: 40px;
-}
-
-.mask .slogan {
-  color: #fff;
-  margin: 0 8px;
-}
-
-#download {
-  border: 1px solid #fff;
-  color: #fff;
-  width: 80px;
-  text-align: center;
-  border-radius: 15px;
-  line-height: 30px; }
-
-#download a{
-  color: #fff; }
-
-.share-mask{
-  padding: 0 16px;
-}
-.share-mask .shareBtn{
-  border-radius: 6px;
-  background: linear-gradient(to right,#fe95c0,#ff83b5);
-  height: 30px;
-  line-height: 30px;
-  width: 80px;
-  text-align: center;
-}
-.singleTemplate{
-  display: none;
-}