stanley-king пре 9 година
родитељ
комит
e492b4fcf6
3 измењених фајлова са 165 додато и 9 уклоњено
  1. 52 9
      mobile/templates/default/express_info.php
  2. 113 0
      wap/css/express.css
  3. BIN
      wap/images/empty.png

+ 52 - 9
mobile/templates/default/express_info.php

@@ -1,10 +1,53 @@
-<?php
-/**
- * Created by PhpStorm.
- * User: stanley-king
- * Date: 16/2/22
- * Time: 上午11:54
- */
-defined('InShopNC') or exit('Access Invalid!');
+<?php defined('InShopNC') or exit('Access Invalid!'); ?>
 
-var_dump( $out['info'] );
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>物流查询</title>
+    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
+    <meta content="email=no" name="format-detection" />
+    <meta name="format-detection" content="telephone=no" />
+    <link rel="stylesheet" type="text/css" href="<?php echo RESOURCE_SITE_URL; ?>/wap/css/express.css">
+</head>
+<body>
+<header>
+    <div class="status">
+        <p class="wl_status">物流状态<span class="status_1">已签收</span></p>
+        <p>运单号:<span class="number">1800889899</span></p>
+    </div>
+</header>
+<article>
+    <div class="rote "></div>
+    <div class="list_box">
+        <div class="list">
+            <div class="msg">
+                <p>您的订单待配货您的订单待配货您的订单待配货您的订单待配货您的订单待配货您的订单待配货</p>
+                <p class="time">2016-02-18&nbsp;&nbsp;17:23:17</p>
+                <div class="dian"></div>
+            </div>
+
+            <div class="msg">
+                <p><?php echo ?></>
+                <p class="time">2016-02-18&nbsp;&nbsp;17:23:17</p>
+                <div class="dian"></div>
+            </div>
+        </div>
+    </div>
+</article>
+<script src="js/zepto.min.js"></script>
+<script type="text/javascript">
+    $(function(){
+        var bottom_html='<div class="bottom_rote"></div>',
+            twinkle='<div class="twinkle" dateAnimate="twinkle_1"></div>';
+        $('.msg').first().addClass("this").append(twinkle);
+        $('.msg').last().append(bottom_html);
+        setTimeout(function(){
+            var Animate=$(".twinkle").attr('dateAnimate');
+            $(".twinkle").addClass(Animate);
+        },1000)
+
+    })
+</script>
+</body>
+</html>

+ 113 - 0
wap/css/express.css

@@ -0,0 +1,113 @@
+body {
+    margin: 0;
+    padding: 0;
+    color: #333;
+    font-size: 14px;
+    font-family: "Microsoft Yahei", Helvetica, Arial, STXihei, SimSun, sans-serif;
+    background: #f3f3f3;
+    position: relative;
+}
+.wl_status {
+    font-size: 16px;
+}
+.list_box {
+    width: 100%;
+}
+span.status_1 {
+    color: #50ce90;
+    padding: 0 6%;
+    font-size: 14px;
+}
+.clear {
+    overflow: hidden;
+}
+header{
+    display: block;
+    padding:3% 7%;
+    background: #fff;
+}
+article {
+    display: table;
+    color: #959085;
+    width: 82%;
+    margin-top: 3%;
+    background: #fff;
+    padding-left: 10%;
+    padding-right: 8%;
+    padding-bottom: 5%;
+}
+.msg {
+    border-bottom: 1px solid #e8e8e8;
+    position: relative;
+    width: 100%;
+}
+.msg p {
+    line-height: 130%;
+}
+.dian {
+    position: absolute;
+    left: -14.8%;
+    top: -2%;
+    background: #50cc90;
+    width: 20px;
+    height: 20px;
+    border-radius: 10px;
+    -webkit-border-radius:10px;
+    z-index: 999;
+}
+.rote {
+    display: table-cell;
+    width: 10%;
+    border-left: 2px solid #e8e8e8;
+}
+.twinkle_1 {
+    animation: twinkle .8s .3s infinite;
+    -webkit-animation: twinkle .8s  infinite;
+    -moz-animation: twinkle .8s  infinite;
+    -o-animation: twinkle .8s  infinite;
+}
+.twinkle {
+    position: absolute;
+    left: -16.3%;
+    top: -6%;
+    width: 28px;
+    height: 28px;
+    border-radius: 14px;
+    -webkit-border-radius: 14px;
+    background: #bff4da;
+}
+@keyframes twinkle {
+    0%{background: #50cc90}
+    100%{background: #bff4da}
+}
+.bottom_rote {
+    position: absolute;
+    left: -15%;
+    bottom: -1%;
+    width: 20px;
+    height: 20px;
+    border-radius: 10px;
+    -webkit-border-radius:10px;
+    background: #e7e7e7;
+}
+.time {
+    font-size: 12px;
+}
+.this {
+    color: #50ce90;
+}
+.list {
+    display: table-cell;
+    width: 100%;
+}
+.error {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    width: 300px;
+    height: 100px;
+    margin-left: -150px;
+    background: url("../images/empty.png") no-repeat;
+    background-size: 100% 100%;
+    margin-top: 16%;
+}

BIN
wap/images/empty.png