Home Explore Help
Register Sign In
Rorschach
/
efunbox-xxt-byuy-web
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

'1'

Rorschach 4 years ago
parent
418b48face
commit
f7bb87e878
10 changed files with 86 additions and 7 deletions
Unified View Show Diff Stats
  1. 18 2
      src/about.html
  2. 24 1
      src/about.js
  3. 1 1
      src/helper/const.js
  4. BIN
      src/img/buy.png
  5. BIN
      src/img/product_01.jpg
  6. BIN
      src/img/product_02.jpg
  7. BIN
      src/img/product_03.jpg
  8. BIN
      src/img/zfb_icon.png
  9. 1 1
      src/index.html
  10. 42 2
      src/index.less

+ 18 - 2
src/about.html
View File 

@@ -1,12 +1,28 @@
 
 <!DOCTYPE html>
 
 <!DOCTYPE html>
 
 <html lang="en">
 
 <html lang="en">
 
+
 
 <head>
 
 <head>
 
     <meta charset="UTF-8">
 
     <meta charset="UTF-8">
 
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
     <title>Document</title>
 
     <title>Document</title>
 
 </head>
 
 </head>
 
+
 
 <body>
 
 <body>
 
-    <div class="asd">asdfasdf啊时代步伐说不定就哈佛</div>
 
+    <!-- <div class="about_wrapper">
 
-    
+
 
+        
+    </div> -->
 
+    <img class="about_pic" src="img/product_01.jpg" />
 
+    <img class="about_pic" src="img/product_02.jpg" />
 
+    <img class="about_pic" src="img/product_03.jpg" />
 
+
 
+    <div class="buy_btn">
 
+        <div class="left">
 
+            <span class="top">活动剩余时间</span>
 
+            <span class="bottom">00:00:00</span>
 
+        </div>
 
+        <div class="right" id="buy">立即支付</div>
 
+    </div>
 
 </body>
 
 </body>
 
+
 
 </html>
 
 </html>

+ 24 - 1
src/about.js
View File 

@@ -1 +1,24 @@
 
-console.log(11,22,33)
 
+import Api from './helper/const';
 
+import Utils from './helper/utils';
 
+
 
+const channel = Utils.GetQueryString('channel');
 
+const uid = Utils.GetQueryString('uid');
 
+
 
+
 
+const getProduct = (orderId) => {
 
+    // 获取商品还有时间
 
+    $.ajax({
 
+        url: Api.composeApiPath(`product/101001`),
 
+        dataType: "json",
 
+        async: true,
 
+        headers: {
 
+            uid: uid
 
+        },
 
+        type: "GET",
 
+        success: function (res) {
 
+            console.log(res)
 
+        }
 
+    });
 
+}
 
+
 
+getProduct()

+ 1 - 1
src/helper/const.js
View File 

@@ -1,6 +1,6 @@
 
 export default class url {
 
 export default class url {
 
     static composeApiPath(apiName) {
 
     static composeApiPath(apiName) {
 
-      const requestBaseUrl = 'https://xxtbfd-api.ai160.com/'
 
+      const requestBaseUrl = 'http://asxx.efunbox.cn/activity/'
 
       return `${requestBaseUrl}${apiName}`
 
       return `${requestBaseUrl}${apiName}`
 
     }
 
     }
 
   }
 
   }

BIN
src/img/buy.png
View File


BIN
src/img/product_01.jpg
View File


BIN
src/img/product_02.jpg
View File


BIN
src/img/product_03.jpg
View File


BIN
src/img/zfb_icon.png
View File


+ 1 - 1
src/index.html
View File 

@@ -41,7 +41,7 @@
 
             </div>
 
             </div>
 
             <div class="pay-item zfb-pay">
 
             <div class="pay-item zfb-pay">
 
                 <div class="left-box">
 
                 <div class="left-box">
 
-                    <img src='./img/zfb_icon.png' class="zfb-img">
 
+                    <!-- <img src='./img/zfb_icon.png' class="zfb-img"> -->
 
                     <span class="pay-name">支付宝支付</span>
 
                     <span class="pay-name">支付宝支付</span>
 
                 </div>
 
                 </div>
 
                 <span class="zfb-choose pay-choose"></span>
 
                 <span class="zfb-choose pay-choose"></span>

+ 42 - 2
src/index.less
View File 

@@ -5,8 +5,48 @@ body {
 
     padding: 0;
 
     padding: 0;
 
 }
 
 }
 
 
 
-.asd {
 
+.about_pic {
 
-    font-size: 100px;
 
+    display: block;
 
+    width: 100%;
 
+}
 
+
 
+.buy_btn {
 
+    width: 6.7rem;
 
+    height: 1rem;
 
+    position: fixed;
 
+    left: 0;
 
+    right: 0;
 
+    margin: 0 auto;
 
+    bottom: 1rem;
 
+    border-radius: 1rem;
 
+    overflow: hidden;
 
+    display: flex;
 
+
 
+    .left {
 
+        width: 3.35rem;
 
+        height: 1rem;
 
+        background: #fcd758;
 
+        display: flex;
 
+        flex-direction: column;
 
+        justify-content: center;
 
+        align-items: center;
 
+        font-size: .3rem;
 
+        color: #995916;
 
+
 
+        .top {
 
+            margin-bottom: .1rem;
 
+        }
 
+    }
 
+
 
+    .right {
 
+        width: 3.35rem;
 
+        height: 1rem;
 
+        background: #ff6a67;
 
+        line-height: 1rem;
 
+        color: #fff;
 
+        font-size: .4rem;
 
+        text-align: center;
 
+    }
 
 }
 
 }
 
 
 
 .container {
 
 .container {