Rorschach 3 rokov pred
rodič
commit
f7bb87e878

+ 18 - 2
src/about.html

@@ -1,12 +1,28 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Document</title>
 </head>
+
 <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>
+
 </html>

+ 24 - 1
src/about.js

@@ -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

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

BIN
src/img/buy.png


BIN
src/img/product_01.jpg


BIN
src/img/product_02.jpg


BIN
src/img/product_03.jpg


BIN
src/img/zfb_icon.png


+ 1 - 1
src/index.html

@@ -41,7 +41,7 @@
             </div>
             <div class="pay-item zfb-pay">
                 <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>
                 </div>
                 <span class="zfb-choose pay-choose"></span>

+ 42 - 2
src/index.less

@@ -5,8 +5,48 @@ body {
     padding: 0;
 }
 
-.asd {
-    font-size: 100px;
+.about_pic {
+    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 {