From 39469b924d600dd1b0f0753ca34aec7f539c9639 Mon Sep 17 00:00:00 2001
From: qf <tanqiaofei@xuanyinyy.com>
Date: Wed, 11 Jan 2023 17:19:42 +0800
Subject: [PATCH] =?UTF-8?q?=E5=B0=8F=E7=B2=BE=E7=81=B5=EF=BC=9A=E5=8F=96?=
 =?UTF-8?q?=E6=B6=88cdn=E5=8A=A0=E8=BD=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 view/peko/modules/spirit/css/main.css  | 26 ++++-----
 view/peko/modules/spirit/css/main.scss | 30 +++++-----
 view/peko/modules/spirit/js/main.js    | 20 +++----
 view/peko/modules/spirit/main.html     | 76 +++++++++++++-------------
 4 files changed, 74 insertions(+), 78 deletions(-)

diff --git a/view/peko/modules/spirit/css/main.css b/view/peko/modules/spirit/css/main.css
index 1111a40..600922f 100644
--- a/view/peko/modules/spirit/css/main.css
+++ b/view/peko/modules/spirit/css/main.css
@@ -6,7 +6,7 @@
 html,
 body {
   height: 19rem;
-  background: url("https://img.pekolive.com/elfin-main-bg.png") no-repeat 0 0/100% 100%;
+  background: url("../image/main-bg.png") no-repeat 0 0/100% 100%;
   background-color: #014459;
   font-family: "pingfang-bold";
   overflow-y: scroll;
@@ -16,7 +16,7 @@ body {
 .title {
   width: 10rem;
   height: 3.1733333333rem;
-  background: url("https://img.pekolive.com/elfin-main-title.png") no-repeat 0 0/100% 100%;
+  background: url("../image/main-title.png") no-repeat 0 0/100% 100%;
   overflow: hidden;
   margin: auto;
 }
@@ -53,7 +53,7 @@ body {
   height: 9.7333333333rem;
   margin: 0.8rem auto 0;
   margin: 0.2rem auto 0;
-  background: url("https://img.pekolive.com/elfin-ring.png") no-repeat 0 0/100% 100%;
+  background: url("../image/ring.png") no-repeat 0 0/100% 100%;
 }
 .select-area div {
   display: flex;
@@ -179,7 +179,7 @@ body {
   font-size: 0.2666666667rem;
 }
 .tabBox .active {
-  background: url("https://img.pekolive.com/elfin-tabBg.png") no-repeat;
+  background: url(../image/tabBg.png) no-repeat;
   background-size: 100% 100%;
 }
 .tabBox .active p {
@@ -193,13 +193,13 @@ body {
   width: 5.4rem;
   height: 1.3rem;
   line-height: 1.3rem;
-  background: url("https://img.pekolive.com/elfin-explore-btn.png") no-repeat 0 0/100% 100%;
+  background: url(../image/explore-btn.png) no-repeat 0 0/100% 100%;
   margin: -0.2rem auto 0rem;
 }
 .explore.again {
   width: 5.4133333333rem;
   height: 1.3333333333rem;
-  background-image: url("https://img.pekolive.com/elfin-play-again.png");
+  background-image: url("../image/play-again.png");
 }
 
 .no-explore {
@@ -285,7 +285,7 @@ body {
   transform: translate(-50%, -50%);
   width: 8.72rem;
   height: 8.2133333333rem;
-  background: url("https://img.pekolive.com/elfin-rule-bg.png") no-repeat 0 0/100% 100%;
+  background: url("../image/rule-bg.png") no-repeat 0 0/100% 100%;
 }
 .shade-mask .shade-content p {
   width: 60%;
@@ -324,7 +324,7 @@ body {
   transform: translate(-50%, -50%);
   width: 6.6666666667rem;
   height: 8rem;
-  background: url("https://img.pekolive.com/elfin-recharge-bg.png") no-repeat 0 0/100% 100%;
+  background: url("../image/recharge-bg.png") no-repeat 0 0/100% 100%;
   font-size: 0.32rem;
 }
 .shade-mask-recharge .shade-content-recharge .planet-num,
@@ -385,7 +385,7 @@ body {
 .not-enough .shade-content-recharge .recharge-btn {
   width: 3.52rem;
   height: 0.96rem;
-  background: url("https://img.pekolive.com/elfin-recharge-btn.png") no-repeat 0 0/100% 100%;
+  background: url("../image/recharge-btn.png") no-repeat 0 0/100% 100%;
   margin-top: 0.4266666667rem;
 }
 
@@ -411,7 +411,7 @@ body {
   flex-direction: column;
   align-items: center;
   height: 11.9333333333rem;
-  background: url("https://img.pekolive.com/elfin-success.png") no-repeat 0 0/100% 100%;
+  background: url("../image/success.png") no-repeat 0 0/100% 100%;
 }
 .result-shade .result-content.success .animal, .result-shade .result-content.fail .animal {
   width: 2.2rem;
@@ -462,7 +462,7 @@ body {
 }
 .result-shade .result-content.fail {
   height: 10.6133333333rem;
-  background: url("https://img.pekolive.com/elfin-fail.png") no-repeat 0 0/100% 100%;
+  background: url("../image/fail.png") no-repeat 0 0/100% 100%;
 }
 .result-shade .result-content.fail .animal {
   margin-top: 1.6rem;
@@ -488,7 +488,7 @@ body {
   transform: translate(-50%, -50%);
   width: 7.9rem;
   height: 8rem;
-  background: url("https://img.pekolive.com/elfin-recordBg.png") no-repeat;
+  background: url(../image/recordBg.png) no-repeat;
   background-size: 100% 100%;
 }
 .table-shade .table-content .table_title {
@@ -550,7 +550,7 @@ body {
   transform: translate(-50%, -50%);
   width: 6.6666666667rem;
   height: 4.8rem;
-  background: url("https://img.pekolive.com/elfin-not-enough.png") no-repeat 0 0/100% 100%;
+  background: url("../image/not-enough.png") no-repeat 0 0/100% 100%;
 }
 .not-enough .not-enough-content .go-to-recharge {
   position: absolute;
diff --git a/view/peko/modules/spirit/css/main.scss b/view/peko/modules/spirit/css/main.scss
index 33c2ad8..e4ed1e4 100644
--- a/view/peko/modules/spirit/css/main.scss
+++ b/view/peko/modules/spirit/css/main.scss
@@ -4,10 +4,6 @@
     @return $px / $rem+rem;
 }
 
-@function prefixurl() {
-    @return 'https://img.pekolive.com/'
-}
-
 @font-face {
     font-family: 'pingfang-bold';
     src: url('../../../common/fonts/PingFang\ Bold.ttf');
@@ -21,7 +17,7 @@ body {
     // height: 100vh;
     // height: px2rem(1334, );
     height: 19rem;
-    background: url(prefixurl()+'elfin-main-bg.png') no-repeat 0 0/100% 100%;
+    background: url('../image/main-bg.png') no-repeat 0 0/100% 100%;
     background-color: #014459;
     // overflow: hidden;
     font-family: 'pingfang-bold';
@@ -32,7 +28,7 @@ body {
 .title {
     width: px2rem(750, );
     height: px2rem(238, );
-    background: url(prefixurl()+'elfin-main-title.png') no-repeat 0 0/100% 100%;
+    background: url('../image/main-title.png') no-repeat 0 0/100% 100%;
     overflow: hidden;
     margin: auto;
 
@@ -71,7 +67,7 @@ body {
     height: px2rem(730, );
     margin: px2rem(60, ) auto 0;
     margin: 0.2rem auto 0;
-    background: url(prefixurl()+'elfin-ring.png') no-repeat 0 0/100% 100%;
+    background: url('../image/ring.png') no-repeat 0 0/100% 100%;
 
     div {
         display: flex;
@@ -224,7 +220,7 @@ body {
     }
 
     .active {
-        background: url(prefixurl()+'elfin-tabBg.png') no-repeat;
+        background: url(../image/tabBg.png) no-repeat;
         background-size: 100% 100%;
 
         p {
@@ -247,13 +243,13 @@ body {
     width: 5.4rem;
     height: 1.3rem;
     line-height: 1.3rem;
-    background: url(prefixurl()+'elfin-explore-btn.png') no-repeat 0 0/100% 100%;
+    background: url(../image/explore-btn.png) no-repeat 0 0/100% 100%;
     margin: -0.2rem auto 0rem;
 
     &.again {
         width: px2rem(406, );
         height: px2rem(100, );
-        background-image: url(prefixurl()+'elfin-play-again.png');
+        background-image: url('../image/play-again.png');
     }
 }
 
@@ -349,7 +345,7 @@ body {
         transform: translate(-50%, -50%);
         width: px2rem(654, );
         height: px2rem(616, );
-        background: url(prefixurl()+'elfin-rule-bg.png') no-repeat 0 0/100% 100%;
+        background: url('../image/rule-bg.png') no-repeat 0 0/100% 100%;
 
         p {
             width: 60%;
@@ -388,7 +384,7 @@ body {
         transform: translate(-50%, -50%);
         width: px2rem(500, );
         height: px2rem(600, );
-        background: url(prefixurl()+'elfin-recharge-bg.png') no-repeat 0 0/100% 100%;
+        background: url('../image/recharge-bg.png') no-repeat 0 0/100% 100%;
         font-size: px2rem(24, );
 
         .planet-num,
@@ -441,7 +437,7 @@ body {
         .recharge-btn {
             width: px2rem(264, );
             height: px2rem(72, );
-            background: url(prefixurl()+'elfin-recharge-btn.png') no-repeat 0 0/100% 100%;
+            background: url('../image/recharge-btn.png') no-repeat 0 0/100% 100%;
             margin-top: px2rem(32, );
         }
     }
@@ -471,7 +467,7 @@ body {
             flex-direction: column;
             align-items: center;
             height: px2rem(895, );
-            background: url(prefixurl()+'elfin-success.png') no-repeat 0 0/100% 100%;
+            background: url('../image/success.png') no-repeat 0 0/100% 100%;
 
             .animal {
                 width: px2rem(165, );
@@ -538,7 +534,7 @@ body {
 
         &.fail {
             height: px2rem(796, );
-            background: url(prefixurl()+'elfin-fail.png') no-repeat 0 0/100% 100%;
+            background: url('../image/fail.png') no-repeat 0 0/100% 100%;
 
             .animal {
                 margin-top: px2rem(120, );
@@ -576,7 +572,7 @@ body {
         // border-radius: px2rem(10, );
         width: 7.9rem;
         height: px2rem(600, );
-        background: url(prefixurl()+'elfin-recordBg.png') no-repeat;
+        background: url(../image/recordBg.png) no-repeat;
         background-size: 100% 100%;
 
         .table_title {
@@ -663,7 +659,7 @@ body {
         transform: translate(-50%, -50%);
         width: px2rem(500, );
         height: px2rem(360, );
-        background: url(prefixurl()+'elfin-not-enough.png') no-repeat 0 0/100% 100%;
+        background: url('../image/not-enough.png') no-repeat 0 0/100% 100%;
 
         .go-to-recharge {
             position: absolute;
diff --git a/view/peko/modules/spirit/js/main.js b/view/peko/modules/spirit/js/main.js
index aeec48c..289b1fe 100644
--- a/view/peko/modules/spirit/js/main.js
+++ b/view/peko/modules/spirit/js/main.js
@@ -50,43 +50,43 @@ var prodRewardPrice;
 // 小動物數組
 let animalArr = [
     {
-        animalPic: 'https://img.pekolive.com/elfin-animal1.png',
+        animalPic: './image/animal/1.png',
         animalName: '小熊'
     },
     {
-        animalPic: 'https://img.pekolive.com/elfin-animal2.png',
+        animalPic: './image/animal/2.png',
         animalName: '小兔'
     },
     {
-        animalPic: 'https://img.pekolive.com/elfin-animal3.png',
+        animalPic: './image/animal/3.png',
         animalName: '小狗'
     },
     {
-        animalPic: 'https://img.pekolive.com/elfin-animal4.png',
+        animalPic: './image/animal/4.png',
         animalName: '小貓'
     },
     {
-        animalPic: 'https://img.pekolive.com/elfin-animal5.png',
+        animalPic: './image/animal/5.png',
         animalName: '小猴'
     },
     {
-        animalPic: 'https://img.pekolive.com/elfin-animal6.png',
+        animalPic: './image/animal/6.png',
         animalName: '小羊'
     },
     {
-        animalPic: 'https://img.pekolive.com/elfin-animal7.png',
+        animalPic: './image/animal/7.png',
         animalName: '小虎'
     },
     {
-        animalPic: 'https://img.pekolive.com/elfin-animal8.png',
+        animalPic: './image/animal/8.png',
         animalName: '小雞'
     },
     {
-        animalPic: 'https://img.pekolive.com/elfin-animal9.png',
+        animalPic: './image/animal/9.png',
         animalName: '小牛'
     },
     {
-        animalPic: 'https://img.pekolive.com/elfin-animal10.png',
+        animalPic: './image/animal/10.png',
         animalName: '小豬'
     }
 ]
diff --git a/view/peko/modules/spirit/main.html b/view/peko/modules/spirit/main.html
index 9c85344..5403e74 100644
--- a/view/peko/modules/spirit/main.html
+++ b/view/peko/modules/spirit/main.html
@@ -14,7 +14,7 @@
     <meta http-equiv="expires" content="">
     <script src="../../common/js/flexible.js"></script>
     <link rel="stylesheet" href="../../common/css/reset.css">
-    <link rel="stylesheet" href="css/main.css?v=2.1">
+    <link rel="stylesheet" href="css/main.css?v=2.2">
     <link rel="stylesheet" href="css/dropload.css">
 </head>
 
@@ -23,58 +23,58 @@
         <!-- <div class="canSelect">可以探访<span>0</span>个小动物的家寻找小精灵</div> -->
         <div class="canSelect">可以探访小动物的家寻找小精灵</div>
     </div>
-    <div class="introduction-btn"><img src="https://img.pekolive.com/elfin-introduction-btn.png" alt=""></div>
-    <div class="record-btn"><img src="https://img.pekolive.com/elfin-record-btn.png" alt=""></div>
+    <div class="introduction-btn"><img src="./image/introduction-btn.png" alt=""></div>
+    <div class="record-btn"><img src="./image/record-btn.png" alt=""></div>
     <div class="select-area">
         <div>
-            <img src="https://img.pekolive.com/elfin-0.png" alt="" class="default">
-            <img src="https://img.pekolive.com/elfin-0-fail.png" alt="" class="fail">
-            <img src="https://img.pekolive.com/elfin-0-success.png" alt="" class="selected">
+            <img src="./image/0.png" alt="" class="default">
+            <img src="./image/0-fail.png" alt="" class="fail">
+            <img src="./image/0-success.png" alt="" class="selected">
         </div>
         <div>
-            <img src="https://img.pekolive.com/elfin-1.png" alt="" class="default">
-            <img src="https://img.pekolive.com/elfin-1-fail.png" alt="" class="fail">
-            <img src="https://img.pekolive.com/elfin-1-success.png" alt="" class="selected">
+            <img src="./image/1.png" alt="" class="default">
+            <img src="./image/1-fail.png" alt="" class="fail">
+            <img src="./image/1-success.png" alt="" class="selected">
         </div>
         <div>
-            <img src="https://img.pekolive.com/elfin-2.png" alt="" class="default">
-            <img src="https://img.pekolive.com/elfin-2-fail.png" alt="" class="fail">
-            <img src="https://img.pekolive.com/elfin-2-success.png" alt="" class="selected">
+            <img src="./image/2.png" alt="" class="default">
+            <img src="./image/2-fail.png" alt="" class="fail">
+            <img src="./image/2-success.png" alt="" class="selected">
         </div>
         <div>
-            <img src="https://img.pekolive.com/elfin-3.png" alt="" class="default">
-            <img src="https://img.pekolive.com/elfin-3-fail.png" alt="" class="fail">
-            <img src="https://img.pekolive.com/elfin-3-success.png" alt="" class="selected">
+            <img src="./image/3.png" alt="" class="default">
+            <img src="./image/3-fail.png" alt="" class="fail">
+            <img src="./image/3-success.png" alt="" class="selected">
         </div>
         <div>
-            <img src="https://img.pekolive.com/elfin-4.png" alt="" class="default">
-            <img src="https://img.pekolive.com/elfin-4-fail.png" alt="" class="fail">
-            <img src="https://img.pekolive.com/elfin-4-success.png" alt="" class="selected">
+            <img src="./image/4.png" alt="" class="default">
+            <img src="./image/4-fail.png" alt="" class="fail">
+            <img src="./image/4-success.png" alt="" class="selected">
         </div>
         <div>
-            <img src="https://img.pekolive.com/elfin-5.png" alt="" class="default">
-            <img src="https://img.pekolive.com/elfin-5-fail.png" alt="" class="fail">
-            <img src="https://img.pekolive.com/elfin-5-success.png" alt="" class="selected">
+            <img src="./image/5.png" alt="" class="default">
+            <img src="./image/5-fail.png" alt="" class="fail">
+            <img src="./image/5-success.png" alt="" class="selected">
         </div>
         <div>
-            <img src="https://img.pekolive.com/elfin-6.png" alt="" class="default">
-            <img src="https://img.pekolive.com/elfin-6-fail.png" alt="" class="fail">
-            <img src="https://img.pekolive.com/elfin-6-success.png" alt="" class="selected">
+            <img src="./image/6.png" alt="" class="default">
+            <img src="./image/6-fail.png" alt="" class="fail">
+            <img src="./image/6-success.png" alt="" class="selected">
         </div>
         <div>
-            <img src="https://img.pekolive.com/elfin-7.png" alt="" class="default">
-            <img src="https://img.pekolive.com/elfin-7-fail.png" alt="" class="fail">
-            <img src="https://img.pekolive.com/elfin-7-success.png" alt="" class="selected">
+            <img src="./image/7.png" alt="" class="default">
+            <img src="./image/7-fail.png" alt="" class="fail">
+            <img src="./image/7-success.png" alt="" class="selected">
         </div>
         <div>
-            <img src="https://img.pekolive.com/elfin-8.png" alt="" class="default">
-            <img src="https://img.pekolive.com/elfin-8-fail.png" alt="" class="fail">
-            <img src="https://img.pekolive.com/elfin-8-success.png" alt="" class="selected">
+            <img src="./image/8.png" alt="" class="default">
+            <img src="./image/8-fail.png" alt="" class="fail">
+            <img src="./image/8-success.png" alt="" class="selected">
         </div>
         <div>
-            <img src="https://img.pekolive.com/elfin-9.png" alt="" class="default">
-            <img src="https://img.pekolive.com/elfin-9-fail.png" alt="" class="fail">
-            <img src="https://img.pekolive.com/elfin-9-success.png" alt="" class="selected">
+            <img src="./image/9.png" alt="" class="default">
+            <img src="./image/9-fail.png" alt="" class="fail">
+            <img src="./image/9-success.png" alt="" class="selected">
         </div>
 
         <p class="desc">请选择要去探访的小动物</p>
@@ -100,16 +100,16 @@
         <div class="avatar"><img src="./image/logo.png" alt=""></div>
         <div class="nick"></div>
         <div class="diamond-num">
-            <img src="https://img.pekolive.com/elfin-diamond-icon.png" alt="">
+            <img src="./image/diamond-icon.png" alt="">
             <p>我的鉆石 <span>0</span></p>
         </div>
-        <div class="recharge-icon"><img src="https://img.pekolive.com/elfin-recharge-icon.png" alt=""></div>
+        <div class="recharge-icon"><img src="./image/recharge-icon.png" alt=""></div>
     </div>
 
 
     <div class="shade-mask">
         <div class="shade-content">
-            <p><img src="https://img.pekolive.com/elfin-introduction.png" alt=""></p>
+            <p><img src="./image/introduction.png" alt=""></p>
         </div>
     </div>
 
@@ -159,7 +159,7 @@
                 </ul>
                 <!-- <div class="noData">暫無數據</div> -->
             </div>
-            <img src="https://img.pekolive.com/elfin-close.png" alt="" class="close-record">
+            <img src="./image/close.png" alt="" class="close-record">
         </div>
     </div>
 
@@ -171,7 +171,7 @@
     <script src="../../common/js/svga.min.js"></script>
     <script src="../../common/js/route-constant.js"></script>
     <script src="js/dropload.js"></script>
-    <script src="js/main.js?v=2.1"></script>
+    <script src="js/main.js?v=2.2"></script>
 </body>
 
 </html>
\ No newline at end of file