Home Explore Help
Register Sign In
cxs
/
KJDS
Watch 1
Star 0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

开发版本

cxs 7 years ago
parent
def87cd701
commit
895733b3ab
33 changed files with 20846 additions and 0 deletions
Unified View Show Diff Stats
  1. 62 0
      taiwan/404.html
  2. 1 0
      taiwan/css/banner.css
  3. 6584 0
      taiwan/css/bootstrap.css
  4. 6362 0
      taiwan/css/goods.css
  5. 4139 0
      taiwan/css/new.css
  6. 951 0
      taiwan/css/new2.css
  7. 940 0
      taiwan/css/shop.css
  8. 428 0
      taiwan/goods.html
  9. BIN
      taiwan/images/404.png
  10. BIN
      taiwan/images/Cart.png
  11. BIN
      taiwan/images/addphoto.png
  12. BIN
      taiwan/images/arrow.png
  13. BIN
      taiwan/images/check.png
  14. BIN
      taiwan/images/checkout-icons.png
  15. BIN
      taiwan/images/close.png
  16. BIN
      taiwan/images/closeicon.png
  17. BIN
      taiwan/images/icon.png
  18. BIN
      taiwan/images/img-sp.png
  19. BIN
      taiwan/images/kf.png
  20. BIN
      taiwan/images/left-arrow.png
  21. BIN
      taiwan/images/loading.gif
  22. BIN
      taiwan/images/review_1.png
  23. BIN
      taiwan/images/right-arrow.png
  24. BIN
      taiwan/images/star-.png
  25. BIN
      taiwan/images/star.png
  26. 6 0
      taiwan/js/glide.min.js
  27. 4 0
      taiwan/js/jquery-2.2.3.min.js
  28. 560 0
      taiwan/js/new.js
  29. 352 0
      taiwan/js/shop.js
  30. 124 0
      taiwan/php/Forward.php
  31. 11 0
      taiwan/php/index.php
  32. 90 0
      taiwan/php/mysql.php
  33. 232 0
      taiwan/shop.html

+ 62 - 0
taiwan/404.html
View File 

@@ -0,0 +1,62 @@
 
+<html>
 
+<head>
 
+    <meta charset="utf-8">
 
+    <meta name="renderer" content="webkit|ie-comp|ie-stand">
 
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
 
+    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
 
+    <meta http-equiv="Cache-Control" content="no-siteapp">
 
+    <title>404页面</title>
 
+
 
+    <style>
 
+        .page-404 {
 
+            padding-right: 15px;
 
+            padding-left: 15px;
 
+            margin-right: auto;
 
+            margin-left: auto;
 
+            color: #afb5bf;
 
+            padding-top: 60px;
 
+            padding-bottom: 90px;
 
+            text-align: center;
 
+        }
 
+
 
+        .page-404 .error-title {
 
+            width: 350px;
 
+            font-size: 80px;
 
+            margin: 0 auto;
 
+            overflow: hidden;
 
+        }
 
+
 
+        .page-404 .icon{
 
+            display: block;
 
+            background-image: url(images/404.png);
 
+            width: 120px;
 
+            height: 120px;
 
+            background-repeat: no-repeat;
 
+            background-size: cover;
 
+            float: left;
 
+        }
 
+
 
+        .page-404 .va-m {
 
+            vertical-align: middle!important;
 
+            float: left;
 
+            padding-left: 50px;
 
+        }
 
+
 
+        .page-404 .error-description {
 
+            font-size: 24px;
 
+        }
 
+
 
+    </style>
 
+
 
+</head>
 
+<body>
 
+<div class="page-404 ">
 
+    <div class="error-title">
 
+        <p class="icon" style="font-size:80px"></p>
 
+        <p class="va-m"> 404</span>
 
+    </div>
 
+    <p class="error-description">ขอโทษที่คุณเข้าเยี่ยมชมหน้าเว็บที่ไม่มีอยู่ ~ ~ ~ ~ ~ ~ ~</p>
 
+
 
+</div>
 
+
 
+</body></html>

File diff suppressed because it is too large
+ 1 - 0
taiwan/css/banner.css


File diff suppressed because it is too large
+ 6584 - 0
taiwan/css/bootstrap.css


File diff suppressed because it is too large
+ 6362 - 0
taiwan/css/goods.css


File diff suppressed because it is too large
+ 4139 - 0
taiwan/css/new.css


File diff suppressed because it is too large
+ 951 - 0
taiwan/css/new2.css


+ 940 - 0
taiwan/css/shop.css
View File 

@@ -0,0 +1,940 @@
 
+@charset "utf-8";
 
+.verify-code, embed {
 
+    width: 100%
 
+}
 
+
 
+.verify-code, .verify-code .backdrop {
 
+    position: fixed;
 
+    top: 0;
 
+    left: 0;
 
+    right: 0;
 
+    z-index: 1000;
 
+    bottom: 0
 
+}
 
+
 
+.btn, .flex, .verify-code .number, .verify-code .title .text, .verify-popup, caption, th {
 
+    text-align: center
 
+}
 
+
 
+blockquote, body, code, dd, div, dl, dt, fieldset, form, li, ol, optgroup, option, p, pre, select, td, textarea, th, ul {
 
+    margin: 0;
 
+    padding: 0
 
+}
 
+
 
+fieldset, img {
 
+    border: 0
 
+}
 
+
 
+address, caption, cite, code, dfn, em, optgroup, th, var {
 
+    font-style: normal;
 
+    font-weight: 400
 
+}
 
+
 
+:link, :visited, ins {
 
+    text-decoration: none
 
+}
 
+
 
+li, ol, ul {
 
+    list-style: none
 
+}
 
+
 
+table {
 
+    font: 100%
 
+}
 
+
 
+q:after, q:before {
 
+    content: ''
 
+}
 
+
 
+abbr, acronym {
 
+    border: 0;
 
+    font-variant: normal
 
+}
 
+
 
+legend {
 
+    color: #000
 
+}
 
+
 
+a {
 
+    outline: 0;
 
+    color: #333
 
+}
 
+
 
+button, input, optgroup, option, select, textarea {
 
+    font-family: inherit;
 
+    font-size: inherit;
 
+    font-style: inherit;
 
+    font-weight: inherit
 
+}
 
+
 
+button, input, select, textarea {
 
+    margin: 0;
 
+    line-height: 1.2
 
+}
 
+
 
+a img, img {
 
+    -ms-interpolation-mode: bicubic
 
+}
 
+
 
+.cls:after {
 
+    content: ".";
 
+    display: block;
 
+    height: 0;
 
+    clear: both;
 
+    visibility: hidden
 
+}
 
+
 
+.cls {
 
+    zoom: 1
 
+}
 
+
 
+#POP800_INIT_DIV, #POP800_LEAVEWORD_DIV, #POP800_PANEL_DIV {
 
+    display: none !important
 
+}
 
+
 
+.verify-code .backdrop {
 
+    background: rgba(0, 0, 0, .8)
 
+}
 
+
 
+.verify-code .content {
 
+    top: 50%;
 
+    left: 20px;
 
+    right: 20px;
 
+    position: absolute;
 
+    background: #F6F6F6;
 
+    transform: translate(0, -50%);
 
+    z-index: 1002
 
+}
 
+
 
+.verify-code .title {
 
+    position: relative;
 
+    display: block;
 
+    left: 0;
 
+    right: 0;
 
+    background: #fff;
 
+    top: 0;
 
+    padding: 6px 8px 6px 36px;
 
+    width: calc(100% - 44px)
 
+}
 
+
 
+.verify-code .title .close {
 
+    line-height: 22px;
 
+    color: #222;
 
+    height: 22px;
 
+    position: absolute;
 
+    left: 16px;
 
+    top: 50%;
 
+    font-size: 24px;
 
+    font-weight: 700;
 
+    transform: translateY(-50%)
 
+}
 
+
 
+.verify-code .title .text {
 
+    font-size: 16px;
 
+    color: #222;
 
+    line-height: 22px
 
+}
 
+
 
+.verify-code .message {
 
+    position: relative;
 
+    width: 100%;
 
+    top: 0;
 
+    background: #F6F6F6;
 
+    padding-bottom: calc(40px + 13vw)
 
+}
 
+
 
+.verify-code .message .text {
 
+    text-align: center;
 
+    word-break: break-all;
 
+    display: block;
 
+    font-size: 14px;
 
+    color: #666;
 
+    margin: 20px 16px 0
 
+}
 
+
 
+.verify-code .message .resend {
 
+    display: block
 
+}
 
+
 
+.verify-code .message .wait {
 
+    display: none
 
+}
 
+
 
+.verify-code .message .mobile-content, .verify-code .message .time-content {
 
+    display: inline
 
+}
 
+
 
+.verify-code .number {
 
+    position: absolute;
 
+    left: 0;
 
+    right: 0;
 
+    bottom: 0;
 
+    padding: 20px;
 
+    height: calc(50px + 13vw);
 
+    -webkit-box-sizing: border-box;
 
+    -moz-box-sizing: border-box;
 
+    box-sizing: border-box;
 
+    max-height: 160px
 
+}
 
+
 
+.verify-code .number input {
 
+    position: relative;
 
+    width: 13vw;
 
+    height: 13vw;
 
+    max-width: 100px;
 
+    max-height: 100px;
 
+    margin-right: 0;
 
+    padding: 5px;
 
+    font-size: 20px;
 
+    color: #222;
 
+    line-height: 32px;
 
+    text-align: center !important;
 
+    background: #FFF;
 
+    border: 1px solid #E1E1E1;
 
+    border-radius: 4px;
 
+    z-index: 2
 
+}
 
+
 
+.verify-code .number .actual-input {
 
+    position: absolute;
 
+    display: block;
 
+    top: 20px;
 
+    bottom: 20px;
 
+    left: 0;
 
+    right: 0;
 
+    width: 100%;
 
+    height: auto;
 
+    max-width: none;
 
+    max-height: none;
 
+    font-size: 1px;
 
+    -webkit-box-sizing: border-box;
 
+    -moz-box-sizing: border-box;
 
+    box-sizing: border-box;
 
+    padding: 0;
 
+    z-index: 1;
 
+    opacity: 0
 
+}
 
+
 
+.verify-code .number input[data-last] {
 
+    margin-right: 0
 
+}
 
+
 
+@keyframes verifypopup {
 
+    0%, 90% {
 
+        opacity: .8;
 
+        z-index: 10000
 
+    }
 
+    100% {
 
+        opacity: 0;
 
+        z-index: -1000
 
+    }
 
+}
 
+
 
+@-webkit-keyframes verifypopup {
 
+    0%, 90% {
 
+        opacity: .8;
 
+        z-index: 10000
 
+    }
 
+    100% {
 
+        opacity: 0;
 
+        z-index: -1000
 
+    }
 
+}
 
+
 
+@-moz-keyframes verifypopup {
 
+    0%, 90% {
 
+        opacity: .8;
 
+        z-index: 10000
 
+    }
 
+    100% {
 
+        opacity: 0;
 
+        z-index: -1000
 
+    }
 
+}
 
+
 
+@-o-keyframes verifypopup {
 
+    0%, 90% {
 
+        opacity: .8;
 
+        z-index: 10000
 
+    }
 
+    100% {
 
+        opacity: 0;
 
+        z-index: -1000
 
+    }
 
+}
 
+
 
+.verify-code a.resendCode {
 
+    color: #0080FF
 
+}
 
+
 
+.verify-popup {
 
+    background: #000;
 
+    border-radius: 4px;
 
+    font-size: 16px;
 
+    color: #FFF;
 
+    width: 240px;
 
+    height: 62px;
 
+    line-height: 62px;
 
+    position: fixed;
 
+    display: block;
 
+    left: 50%;
 
+    top: 50%;
 
+    transform: translate(-50%, -50%);
 
+    opacity: 0;
 
+    z-index: -1000
 
+}
 
+
 
+.m-goodItems .goodInfo.u3, .m-orderItem .goodImg, .m-orderItem .goodInfo, .tab_two i.icon, body {
 
+    position: relative
 
+}
 
+
 
+.verify-popup.animation {
 
+    animation: verifypopup 5s;
 
+    -webkit-animation: verifypopup 5s;
 
+    -moz-animation: verifypopup 5s;
 
+    -o-animation: verifypopup 5s
 
+}
 
+
 
+.verify-code.verifying .resend {
 
+    display: none
 
+}
 
+
 
+.verify-code.verifying .wait {
 
+    display: block
 
+}
 
+
 
+body, html {
 
+    height: 100%;
 
+    width: 100%
 
+}
 
+
 
+body {
 
+    max-width: 640px;
 
+    margin: auto
 
+}
 
+
 
+.flexbox {
 
+    display: flex;
 
+    display: -webkit-flex;
 
+    display: -ms-flex;
 
+    display: -moz-flex;
 
+    justify-content: space-between
 
+}
 
+
 
+.flex {
 
+    flex: 1;
 
+    -webkit-flex: 1;
 
+    -ms-flex: 1;
 
+    -moz-flex: 1
 
+}
 
+
 
+.goback {
 
+    color: #aaa;
 
+    font-size: 14px
 
+}
 
+
 
+.goback i.checkout-icons {
 
+    display: inline-block;
 
+    height: 20px;
 
+    width: 10px;
 
+    vertical-align: middle;
 
+    background-size: auto 14px;
 
+    background-position: 0 2px;
 
+    margin-right: 5px
 
+}
 
+
 
+#details {
 
+    padding: 16px
 
+}
 
+
 
+input::-webkit-input-placeholder {
 
+    color: #ccc
 
+}
 
+
 
+input::-moz-placeholder {
 
+    color: #ccc
 
+}
 
+
 
+input::-ms-input-placeholder {
 
+    color: #ccc
 
+}
 
+
 
+input::-webkit-inner-spin-button, input::-webkit-outer-spin-button {
 
+    -webkit-appearance: none !important;
 
+    margin: 0
 
+}
 
+
 
+.btn, .regions {
 
+    margin-bottom: 4px
 
+}
 
+
 
+input[type=number] {
 
+    -moz-appearance: textfield
 
+}
 
+
 
+input:focus, textarea:focus {
 
+    outline: 0;
 
+    border: 1px solid #aaa
 
+}
 
+
 
+input {
 
+    -webkit-appearance: none
 
+}
 
+
 
+select {
 
+    appearance: none;
 
+    -moz-appearance: none;
 
+    -webkit-appearance: none;
 
+    background: url(../images/arrow.png) right center no-repeat;
 
+    padding-right: 16px
 
+}
 
+
 
+.btn {
 
+    border: none;
 
+    display: block;
 
+    width: 100%;
 
+    background-color: #ff5a5f;
 
+    color: #fff;
 
+    font-size: 16px;
 
+    border-radius: 4px;
 
+    line-height: 44px
 
+}
 
+
 
+.regions, .regions-city, .table .tab_sele {
 
+    color: #666;
 
+    text-indent: 16px
 
+}
 
+
 
+.btn.submiting {
 
+    background-color: #ddd
 
+}
 
+
 
+.table {
 
+    display: table;
 
+    width: 100%;
 
+    padding: 16px 0;
 
+    font-size: 14px
 
+}
 
+
 
+.table .table-row {
 
+    display: table-row
 
+}
 
+
 
+.table-row .table-cell {
 
+    display: table-cell;
 
+    border-radius: 4px;
 
+    border: 1px solid #eee
 
+}
 
+
 
+.table-row .table-cell:first-child {
 
+    margin-left: 3px
 
+}
 
+
 
+.regions {
 
+    border-radius: 4px;
 
+    line-height: 42px;
 
+    background-color: #f6f6f6;
 
+    text-align: left
 
+}
 
+
 
+.marleft {
 
+    margin-left: 4px
 
+}
 
+
 
+.regions-city {
 
+    border-radius: 4px;
 
+    border: 1px solid #eee;
 
+    margin-bottom: 3px;
 
+    height: 44px;
 
+    width: 100%
 
+}
 
+
 
+.tab_two, .table-row input {
 
+    margin-bottom: 4px
 
+}
 
+
 
+.table .tab_sele {
 
+    border: 1px solid #eee;
 
+    border-radius: 4px;
 
+    line-height: 44px;
 
+    text-align: left
 
+}
 
+
 
+.tab_sele img {
 
+    width: 14px;
 
+    vertical-align: middle
 
+}
 
+
 
+.tab_two input, .table-row input {
 
+    padding: 0;
 
+    width: 100%;
 
+    line-height: 40px;
 
+    color: #666;
 
+    text-indent: 16px
 
+}
 
+
 
+.table-row input {
 
+    border: 1px solid #eee;
 
+    border-radius: 4px
 
+}
 
+
 
+.tab_two:nth-child(even) {
 
+    margin-left: 6px
 
+}
 
+
 
+.tab_two.tab_sele:nth-child(even) {
 
+    margin-left: 4px
 
+}
 
+
 
+.tab_two input {
 
+    margin: 0;
 
+    border: 1px solid #eee;
 
+    border-radius: 4px
 
+}
 
+
 
+.postals, select[name=district] {
 
+    margin-bottom: 4px
 
+}
 
+
 
+.tab_two i.icon {
 
+    display: inline-block;
 
+    width: 15px;
 
+    height: 15px;
 
+    background: url(../images/checkout-icons.png) -24px 0 no-repeat;
 
+
 
+    background-size: auto 100%;
 
+    float: right;
 
+    right: 16px;
 
+    margin-top: 15px
 
+}
 
+
 
+.table .action .icon {
 
+    background-position: -39px 0
 
+}
 
+
 
+#pay-online, .jp_city, select[name=state], select[name=city], select[name=district], select[name=street] {
 
+    height: 44px;
 
+    width: 100%;
 
+    font-size: 14px;
 
+    color: #666;
 
+    border: 1px solid #eee;
 
+    border-radius: 4px;
 
+    text-indent: 16px
 
+}
 
+
 
+.postals {
 
+    border: 1px solid #eee;
 
+    line-height: 44px;
 
+    border-radius: 4px
 
+}
 
+
 
+.postals span {
 
+    color: #666
 
+}
 
+
 
+input[name=postal_1], input[name=postal_2] {
 
+    line-height: 40px;
 
+    border: none;
 
+    text-align: left;
 
+    text-indent: 16px
 
+}
 
+
 
+.w-button, .w-button:focus, .w-button:visited {
 
+    float: right;
 
+    height: 28px;
 
+    margin-top: 10px;
 
+    font-weight: 700;
 
+    line-height: 26px;
 
+    display: inline-block;
 
+    vertical-align: middle;
 
+    padding: 0 4px;
 
+    text-align: center;
 
+    color: #fff !important;
 
+    border: 1px solid #FF5A5F !important;
 
+    background-color: #FF5A5F !important;
 
+    overflow: hidden
 
+}
 
+
 
+.u-icon {
 
+    display: inline-block;
 
+    width: 30px;
 
+    height: 30px;
 
+    vertical-align: middle;
 
+    background-repeat: no-repeat;
 
+    background-size: 100%
 
+}
 
+
 
+.u-icon-detail-kefu {
 
+    margin-top: -3px;
 
+    width: 14px;
 
+    height: 14px;
 
+    background-image: url(../image/services.png)
 
+}
 
+
 
+.explain {
 
+    padding: 16px 0
 
+}
 
+
 
+.explain h1 {
 
+    font-size: 24px;
 
+    text-align: center;
 
+    color: #222;
 
+    font-weight: 100;
 
+    margin-bottom: 8px
 
+}
 
+
 
+.explain p {
 
+    font-size: 12px;
 
+    color: #666;
 
+    margin-top: 8px;
 
+    line-height: 20px;
 
+    text-indent: 16px
 
+}
 
+
 
+.this_box {
 
+    background: #f6f6f6
 
+}
 
+
 
+.m-orderItem {
 
+    margin-top: 10px;
 
+    padding-left: 15px;
 
+    font-size: 16px
 
+}
 
+
 
+.m-padbot {
 
+    padding: 20px;
 
+}
 
+
 
+.m-orderItem .head {
 
+    text-align: left;
 
+    font-size: 12px
 
+}
 
+
 
+.m-orderItem .row-1, .m-orderItem .row-2 {
 
+    position: relative;
 
+    overflow: hidden
 
+}
 
+
 
+.m-orderItem .orderId, .m-orderItem .remainTime {
 
+    display: inline-block;
 
+    height: 45px;
 
+    line-height: 45px;
 
+    margin-right: 15px;
 
+    font-size: 14px
 
+}
 
+
 
+.m-orderItem .row-2 {
 
+    padding: 20px 16px 2px 0
 
+}
 
+
 
+.m-orderItem .goodImg {
 
+    width: 64px;
 
+    height: 64px;
 
+    background-color: #f4f4f4;
 
+    border: 1px solid #eee;
 
+    border-radius: 4px;
 
+    overflow: hidden;
 
+    box-sizing: border-box;
 
+    margin: 0 auto;
 
+}
 
+
 
+.row-2 {
 
+    height: auto;
 
+    overflow: hidden
 
+}
 
+
 
+.row-2 .goodNum {
 
+    color: #999;
 
+    font-size: 12px
 
+}
 
+
 
+.m-goodItems {
 
+    padding-left: 16px;
 
+    padding-right: 16px
 
+}
 
+
 
+.m-goodItems .row-2 {
 
+    padding-top: 8px;
 
+    padding-left: 28px
 
+}
 
+
 
+.m-goodItems .goodImg {
 
+    width: 32px;
 
+    height: 32px;
 
+    border-radius: 4px;
 
+    overflow: hidden;
 
+    border: 1px solid #eee
 
+}
 
+
 
+.m-goodItems .goodImg img {
 
+    width: 100%
 
+}
 
+
 
+.attr {
 
+    margin-left: 5px
 
+}
 
+
 
+.this_explain h2 {
 
+    font-size: 12px;
 
+    font-weight: 100;
 
+    color: #aaa;
 
+    margin-top: 20px
 
+}
 
+
 
+.this_explain p {
 
+    font-size: 12px;
 
+    color: #666;
 
+    margin-top: 8px
 
+}
 
+
 
+.m-goodItems .goodInfo, .m-orderItem .goodInfo {
 
+    margin-left: 16px;
 
+    color: #999
 
+}
 
+
 
+.m-goodItems .goodInfo.u3 .goodName {
 
+    color: #aaa
 
+}
 
+
 
+.this_explain {
 
+    padding-bottom: 20px;
 
+    padding-right: 16px;
 
+    border-bottom: 1px solid #eee
 
+}
 
+
 
+.m-goodItems .goodName, .m-orderItem .goodName {
 
+    overflow: hidden;
 
+    font-size: 12px;
 
+    color: #aaa;
 
+    text-align: left
 
+}
 
+
 
+.goodName.ti {
 
+    color: #666;
 
+    margin-top: 10px
 
+}
 
+
 
+.m-orderItem .goodNum {
 
+    color: #666;
 
+    font-size: 12px;
 
+    margin-right: 5px
 
+}
 
+
 
+.m-goodItems .goodStatus, .m-orderItem .goodStatus {
 
+    color: #666;
 
+    font-size: 12px;
 
+    padding: 5px 0;
 
+}
 
+
 
+.retailPrice {
 
+    color: #b4282d
 
+}
 
+
 
+.row-1 {
 
+    padding-top: 20px
 
+}
 
+
 
+.checkout-icons {
 
+    background: url(../images/checkout-icons.png) no-repeat;
 
+    background-size: auto 100%
 
+}
 
+
 
+.checkout-icons.icon-goback {
 
+    background-position: 0 0
 
+}
 
+
 
+.checkout-icons.icon-arrowdown {
 
+    background-position: -80px 0
 
+}
 
+
 
+.checkout-icons.icon-7day {
 
+    background-position: -10px 0
 
+}
 
+
 
+.checkout-icons.icon-cod {
 
+    background-position: -61px 0
 
+}
 
+
 
+.checkout-icons.icon-check {
 
+    background-position: -39px 0
 
+}
 
+
 
+.checkout-icons.icon-uncheck {
 
+    background-position: -24px 0
 
+}
 
+
 
+.notic_show_combo_product {
 
+    font-size: 12px;
 
+    text-align: center;
 
+    font-weight: 700;
 
+    padding-left: 16px;
 
+    padding-right: 16px;
 
+    padding-bottom: 10px;
 
+    margin-top: 8px
 
+}
 
+
 
+.notic_show_combo_product .uu {
 
+    display: inline-block;
 
+    font-weight: 700;
 
+    padding: 5px;
 
+    border-radius: 4px;
 
+    background: #eee;
 
+    color: #666;
 
+    cursor: pointer;
 
+    letter-spacing: 1px;
 
+    width: 100%
 
+}
 
+
 
+.w-tips, a.kefu {
 
+    background-color: #fff
 
+}
 
+
 
+.notic_show_combo_product .checkout-icons {
 
+    transform: rotate(180deg);
 
+    margin-left: 4px;
 
+    position: absolute;
 
+    width: 14px;
 
+    height: 14px;
 
+    margin-top: 2px
 
+}
 
+
 
+.notic_show_combo_product.action .checkout-icons {
 
+    transform: rotate(0)
 
+}
 
+
 
+#list_cost {
 
+    padding-bottom: 43px;
 
+    padding-top: 0;
 
+    margin-top: 20px
 
+}
 
+
 
+#list_cost li {
 
+    padding-bottom: 7px;
 
+}
 
+
 
+.tips {
 
+    color: #aaa;
 
+    width: 150px;
 
+    display: inline-block;
 
+    font-size: 14px;
 
+}
 
+
 
+.tips2 {
 
+    font-size: 14px;
 
+    color: #666;
 
+    display: inline-block;
 
+    float: right;
 
+}
 
+
 
+.red {
 
+    color: #b4282d;
 
+    font-size: 18px
 
+}
 
+
 
+a.kefu {
 
+    color: #333;
 
+    border: 1px solid #d7d7d7;
 
+    border-radius: 4px;
 
+    font-size: 12px
 
+}
 
+
 
+.w-tips {
 
+    padding: 10px
 
+}
 
+
 
+.w-tips a:active, .w-tips a:hover, .w-tips a:link, .w-tips a:visited {
 
+    background-color: #f4f4f4;
 
+    border: 1px solid #f4f4f4;
 
+    color: #333
 
+}
 
+
 
+.timetips {
 
+    padding: 10px 0;
 
+    font-size: 12px;
 
+    color: #aaa;
 
+    border-top: 1px solid #EEE
 
+}
 
+
 
+.timetips ul {
 
+    width: auto;
 
+    margin: 0 auto
 
+}
 
+
 
+.timetips ul:after {
 
+    content: " ";
 
+    display: inline-block;
 
+    clear: both
 
+}
 
+
 
+.timetips li {
 
+    text-align: center;
 
+    line-height: 1;
 
+    overflow: hidden
 
+}
 
+
 
+.timetips li i.checkout-icons {
 
+    width: 17px;
 
+    vertical-align: middle;
 
+    height: 17px;
 
+    display: inline-block
 
+}
 
+
 
+#loading {
 
+    position: absolute;
 
+    top: 50%;
 
+    left: 48%;
 
+    display: none;
 
+    z-index: 99;
 
+    animation: lrotate 1s;
 
+    animation-timing-function: linear;
 
+    animation-iteration-count: infinite;
 
+    animation-play-state: running
 
+}
 
+
 
+@keyframes lrotate {
 
+    from {
 
+        transform: rotate(0)
 
+    }
 
+    to {
 
+        transform: rotate(360deg)
 
+    }
 
+}
 
+
 
+.fLogin {
 
+    width: 100%;
 
+    height: 100%;
 
+    position: fixed;
 
+    background: rgba(0, 0, 0, .5);
 
+    top: 0;
 
+    left: 0;
 
+    z-index: 11;
 
+    font-size: 13px;
 
+    display: none
 
+}
 
+
 
+.fLogin .close {
 
+    width: 24px;
 
+    height: 24px;
 
+    position: absolute;
 
+    top: 0;
 
+    right: 10px;
 
+    font-size: 24px
 
+}
 
+
 
+.fLogin > div {
 
+    background: #fff;
 
+    width: 280px;
 
+    height: 140px;
 
+    margin: calc(-50vh) auto 0;
 
+    padding-top: 40px;
 
+    text-align: center;
 
+    position: relative
 
+}
 
+
 
+.fLogin > div a {
 
+    margin: 20px 0;
 
+    display: inline-block;
 
+    color: #fff;
 
+    background: #3e5998;
 
+    padding: 5px 16px
 
+}

+ 428 - 0
taiwan/goods.html
View File 

@@ -0,0 +1,428 @@
 
+<html lang="en">
 
+<head>
 
+    <meta charset="UTF-8">
 
+    <meta content="yes" name="apple-mobile-web-app-capable">
 
+    <meta content="yes" name="apple-touch-fullscreen">
 
+    <meta content="telephone=no" name="format-detection">
 
+    <meta http-equiv="Content-type" content="text/html" charset="UTF-8">
 
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
 
+    <meta name="viewport" content="width=320, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
 
+    <meta name="viewport" content="width=device-width, target-densityDpi=medium-dpi">
 
+    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
 
+    <meta name="viewport"
 
+          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
 
+    <meta name="fragment" content="!">
 
+    <meta name="HandheldFriendly" content="true">
 
+    <link rel="stylesheet" href="css/new.css">
 
+    <link rel="stylesheet" href="css/new2.css">
 
+    <script src="js/jquery-2.2.3.min.js"></script>
 
+    <script src="js/glide.min.js"></script>
 
+    <script src="js/new.js"></script>
 
+</head>
 
+<body>
 
+
 
+<!--页面加载loading-->
 
+<div id="PageLoading" style="position: fixed;top: 50%;left: 50%;margin-left: -64px;margin-top: -64px;">
 
+    <img src="/taiwan/images/loading.gif">
 
+</div>
 
+
 
+<!--页面内容-->
 
+<div id="PageWarp" class="page" style="display: none">
 
+
 
+    <!--&lt;!&ndash;头部导航&ndash;&gt;-->
 
+    <!--<div class="detail-header-bg">-->
 
+        <!--&lt;!&ndash;transparent&ndash;&gt;-->
 
+        <!--<div id="head" class="header-dom">-->
 
+            <!--<div class="mui-flex main-dom">-->
 
+                <!--<ul class="cell header-nav">-->
 
+                    <!--<li class="active" onclick="ToTop()">產品</li>-->
 
+                    <!--<li onclick="ToProductInfo()">產品詳情</li>-->
 
+                    <!--&lt;!&ndash; <li onclick="ToProductEvaluate()">產品評論</li> &ndash;&gt;-->
 
+                <!--</ul>-->
 
+            <!--</div>-->
 
+        <!--</div>-->
 
+    <!--</div>-->
 
+
 
+    <!--banner区域-->
 
+    <div id="content" class="content">
 
+        <div class="container">
 
+            <div class="group-warp">
 
+                <div class="module-wrap">
 
+                    <div class="module-preview glide">
 
+
 
+                        <div class="nav">
 
+                            <!--<i class="current">-->
 
+                            <!--<span class="pagination">1/5</span>-->
 
+                            <!--</i>-->
 
+                            <!--<i class="">-->
 
+                            <!--<span class="pagination">2/5</span>-->
 
+                            <!--</i>-->
 
+                            <!--<i class="">-->
 
+                            <!--<span class="pagination">3/5</span>-->
 
+                            <!--</i>-->
 
+                            <!--<i class="">-->
 
+                            <!--<span class="pagination">4/5</span>-->
 
+                            <!--</i>-->
 
+                            <!--<i class="">-->
 
+                            <!--<span class="pagination">5/5</span>-->
 
+                            <!--</i>-->
 
+                        </div>
 
+
 
+                        <div class="mui-slider preview-slider glide__track" data-glide-el="track">
 
+                            <ul class="scroller preview-scroller glide__slides">
 
+                                <!--<li class="item slide">-->
 
+                                <!--<img src="//img.alicdn.com/imgextra/i3/515258907/TB2b0FZC1OSBuNjy0FdXXbDnVXa_!!515258907-0-item_pic.jpg_760x760Q50s50.jpg_.webp">-->
 
+                                <!--</li>-->
 
+                            </ul>
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+                <div class="module-wrap">
 
+                    <div class="module-jhs">
 
+                        <div class="pricebar">
 
+                            <div class="subleft avil ">
 
+                                <div class="price">NT$<strong id="ProductPrice">3000</strong></div>
 
+                                <div class="information" style="display: inline-block;padding: 0;">
 
+                                    <div class="soldcount"><span id="Discount">ลดราคา54％</span></div>
 
+
 
+                                </div>
 
+
 
+                                <div class="information">
 
+                                    <div class="oprice">NT$
 
+                                        <del id="ProductPrimeCost">149</del>
 
+                                    </div>
 
+                                    <div class="soldcount"><span id="Sold">ยอดขาย1000ชิ้น</span></div>
 
+
 
+                                </div>
 
+                            </div>
 
+                            <div class="countdown">
 
+                                <div id="J_CountDownTxt" class="txt">活動倒計時</div>
 
+                                <div class="clockrun">
 
+                                    <span class="tuan" id="J_tuanTime"></span>
 
+                                    <span class="num" id="J_TimeHour">36</span><span class="dot">:</span>
 
+                                    <span class="num" id="J_TimeMin">37</span><span class="dot">:</span>
 
+                                    <span class="num" id="J_TimeSec">02</span>
 
+
 
+                                </div>
 
+                            </div>
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+            </div>
 
+        </div>
 
+    </div>
 
+
 
+    <!--产品标题-->
 
+    <div class="module-wrap">
 
+        <div class="module-title">
 
+            <div class="share-warp mui-flex">
 
+                <div class="main cell" id="ProductName" style="font-size: 18px;">
 
+                    หูฟังบรูทูธไร้สายแบบเสียบหู4.1หูฟังแบบเอียร์บัดรองรับ4.0หูฟังสำหรับการขับรถ3
 
+                </div>
 
+            </div>
 
+        </div>
 
+    </div>
 
+
 
+    <!--产品说明-->
 
+    <div class="module-wrap">
 
+        <div class="module-adds">
 
+            <span class="postage" id="Promotion" style="font-size: 16px;font-weight: bolder;">เก็บเงินปลายทาง ค่าไปรษณีย์ฟรี  ราคาพิเศษในเวลาจำกัด </span>
 
+        </div>
 
+    </div>
 
+
 
+    <!--产品详情-->
 
+    <div class="group-warp ProductInfo">
 
+        <div class="module-wrap">
 
+            <div class="module-desc" id="p-desc">
 
+                <div class="scrolltips">
 
+             <div class="part-title mui-flex align-center" style="padding:10px 0;color: #fff;background: -webkit-gradient(linear, 0 0, 0 100%, from(#fa215f), to(#fa215f));text-align: left;position: relative;">
 
+                        <span class="txt fixed" style="color:#fff">產品描述</span>
 
+
 
+<span class="txt fixed" style="color:#fff;text-align: right;position: absolute;right: 0;top: 5px;">∨</span>
 
+
 
+
 
+                    <span class="txt fixed" style="color:#fff;text-align: right;position: absolute;right: 0;top: 15px;">∨</span></div>
 
+                </div>
 
+                <div class="container" id="ProductInfo">
 
+                </div>
 
+            </div>
 
+        </div>
 
+    </div>
 
+
 
+    <!--产品评价-->
 
+    <div class="group-warp ProductEvaluate">
 
+        <div class="module-wrap">
 
+            <div class="module-review">
 
+                <div class="mui-tagscloud">
 
+                    <div class="mui-tagscloud-main">
 
+                        <div class="mui-tagscloud-title" style="font-size: 16px;">產品評論</div>
 
+                        <div class="mui-tagscloud-comments">
 
+                            <div class="marquee">
 
+                                <ul id="comment" style="width: 100%">
 
+                                    <li>
 
+                                        <div>
 
+                                            <span>Oliver </span>
 
+                                            <span style="float: right;"><span
 
+                                                    lass="reviewStar size1 star5"></span></span>
 
+                                        </div>
 
+                                        <div>
 
+                                            <p style="margin-bottom: 8px;font-size: 14px">
 
+                                                ได้รับสินค้าแล้วคุณภาพดีมาก
 
+                                                ละเอียดประณีตดูเรียบง่ายและมีระดับ</p>
 
+                                            <p style="position: relative;min-height: 10px;">
 
+                                                <span style="position: absolute;bottom: 0;right: 15px;color:#8f8f94">05/08/2018</span>
 
+                                            </p>
 
+                                        </div>
 
+                                    </li>
 
+
 
+                                    <li>
 
+                                        <div>
 
+                                            <span>Muhammed</span>
 
+                                            <span style="float: right;"><span
 
+                                                    lass="reviewStar size1 star5"></span></span>
 
+                                        </div>
 
+                                        <div>
 
+                                            <p style="margin-bottom: 8px;font-size: 14px">
 
+                                                ได้รับสินค้าแล้ว คุณภาพดีมาก ละเอียดประณีต
 
+                                                ดูเรียบง่ายและมีระดับ</p>
 
+                                            <p style="position: relative;min-height: 10px;">
 
+                                                <span style="position: absolute;bottom: 0;right: 15px;color:#8f8f94">23/06/2018</span>
 
+                                            </p>
 
+                                        </div>
 
+                                    </li>
 
+
 
+                                    <li>
 
+                                        <div>
 
+                                            <span>Harley</span>
 
+                                            <span style="float: right;"><span
 
+                                                    lass="reviewStar size1 star5"></span></span>
 
+                                        </div>
 
+                                        <div>
 
+                                            <p style="margin-bottom: 8px;font-size: 14px">
 
+                                                คุณภาพดีมาก บริการลูกค้าดีมาก ส่งของเร็ว ฉันรู้สึกพอใจมาก</p>
 
+                                            <p style="position: relative;min-height: 10px;">
 
+                                                <span style="position: absolute;bottom: 0;right: 15px;color:#8f8f94">23/06/2018</span>
 
+                                            </p>
 
+                                        </div>
 
+                                    </li>
 
+
 
+                                    <li>
 
+                                        <div>
 
+                                            <span>Harper </span>
 
+                                            <span style="float: right;"><span
 
+                                                    lass="reviewStar size1 star5"></span></span>
 
+                                        </div>
 
+                                        <div>
 
+                                            <p style="margin-bottom: 8px;font-size: 14px">
 
+                                                สินค้ารุ่นนี้คุณภาพดีเยี่ยม จัดส่งรวดเร็ว
 
+                                                พนักงานร้านค้าอัธยาศัยดี</p>
 
+                                            <p style="position: relative;min-height: 10px;">
 
+                                                <span style="position: absolute;bottom: 0;right: 15px;color:#8f8f94">20/04/2018</span>
 
+                                            </p>
 
+                                        </div>
 
+                                    </li>
 
+
 
+                                    <li>
 
+                                        <div>
 
+                                            <span>Jenson </span>
 
+                                            <span style="float: right;"><span
 
+                                                    lass="reviewStar size1 star5"></span></span>
 
+                                        </div>
 
+                                        <div>
 
+                                            <p style="margin-bottom: 8px;font-size: 14px">
 
+                                                คุ้มค่ามาก</p>
 
+                                            <p style="position: relative;min-height: 10px;">
 
+                                                <span style="position: absolute;bottom: 0;right: 15px;color:#8f8f94">17/07/2018</span>
 
+                                            </p>
 
+                                        </div>
 
+                                    </li>
 
+
 
+                                    <li>
 
+                                        <div>
 
+                                            <span>Stanley</span>
 
+                                            <span style="float: right;"><span
 
+                                                    lass="reviewStar size1 star5"></span></span>
 
+                                        </div>
 
+                                        <div>
 
+                                            <p style="margin-bottom: 8px;font-size: 14px">
 
+                                                คุณภาพดี วันหลังจะมาซื้อใหม่</p>
 
+                                            <p style="position: relative;min-height: 10px;">
 
+                                                <span style="position: absolute;bottom: 0;right: 15px;color:#8f8f94">25/07/2018</span>
 
+                                            </p>
 
+                                        </div>
 
+                                    </li>
 
+
 
+                                    <li>
 
+                                        <div>
 
+                                            <span>Darcie</span>
 
+                                            <span style="float: right;"><span
 
+                                                    lass="reviewStar size1 star5"></span></span>
 
+                                        </div>
 
+                                        <div>
 
+                                            <p style="margin-bottom: 8px;font-size: 14px">
 
+                                                ไม่รับของแล้ว ดีมาก</p>
 
+                                            <p style="position: relative;min-height: 10px;">
 
+                                                <span style="position: absolute;bottom: 0;right: 15px;color:#8f8f94">10/05/2018</span>
 
+                                            </p>
 
+                                        </div>
 
+                                    </li>
 
+
 
+                                    <li>
 
+                                        <div>
 
+                                            <span>Luna </span>
 
+                                            <span style="float: right;"><span
 
+                                                    lass="reviewStar size1 star5"></span></span>
 
+                                        </div>
 
+                                        <div>
 
+                                            <p style="margin-bottom: 8px;font-size: 14px">
 
+                                                ได้รับพัสดุแล้ว พนักงานร้านค้าอัธยาศัยดีมาก</p>
 
+                                            <p style="position: relative;min-height: 10px;">
 
+                                                <span style="position: absolute;bottom: 0;right: 15px;color:#8f8f94">05/6/2018</span>
 
+                                            </p>
 
+                                        </div>
 
+                                    </li>
 
+
 
+                                    <li>
 
+                                        <div>
 
+                                            <span>Bluebell</span>
 
+                                            <span style="float: right;"><span
 
+                                                    lass="reviewStar size1 star5"></span></span>
 
+                                        </div>
 
+                                        <div>
 
+                                            <p style="margin-bottom: 8px;font-size: 14px">
 
+                                                พนักงานอบอุ่นดี คุณภาพสินค้าก็โอเค</p>
 
+                                            <p style="position: relative;min-height: 10px;">
 
+                                                <span style="position: absolute;bottom: 0;right: 15px;color:#8f8f94">02/07/2018</span>
 
+                                            </p>
 
+                                        </div>
 
+                                    </li>
 
+                                </ul>
 
+                            </div>
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+            </div>
 
+        </div>
 
+    </div>
 
+
 
+    <!--购买按钮-->
 
+    <section class="actionBar-bg">
 
+        <div id="s-actionBar-container">
 
+            <div class="action-bar-wrap j-bottom-bar">
 
+                <div class="trade">
 
+                    <a class="buy" onclick="showPage()" href="javascript:void(0);">購買</a>
 
+                </div>
 
+            </div>
 
+        </div>
 
+    </section>
 
+
 
+    <!--客服按钮-->
 
+    <div class="show_contact" style="display: block;position: fixed;bottom: 75px;right: 15px;z-index: 99;">
 
+        <div class="show_contact_box"
 
+             style="background: #129BF4;border-radius: 50%;width: 50px;height: 50px;display: block;text-align: center;">
 
+            <a href="https://www.facebook.com/pg/MinimatterTimes" style="display: block">
 
+                <img src="images/kf.png" style="margin-top: 5px;width: 40px;display: inline-block;">
 
+            </a>
 
+        </div>
 
+    </div>
 
+</div>
 
+
 
+<div id="page-order">
 
+    <div class="tt" style="font-size: 16px;">
 
+        <div class="back" onclick="showPage()" href="javascript:void(0);"></div>
 
+        選擇產品功能
 
+    </div>
 
+    <div class="dt-paramselect">
 
+        <div class="u-format count_classs">
 
+            <div class="tt">系列</div>
 
+            <div class="con">
 
+            </div>
 
+        </div>
 
+
 
+        <div class="meal">
 
+            <div class="u-format count_atrr">
 
+                <div class="tt">顏色分類:<span></span></div>
 
+                <div class="con">
 
+                </div>
 
+            </div>
 
+            <div class="u-format count_size">
 
+                <div class="tt">大小</div>
 
+                <div class="con">
 
+                </div>
 
+            </div>
 
+        </div>
 
+
 
+        <!--<div class="meal secondsetmeal" style="display:none">-->
 
+        <!--</div>-->
 
+
 
+        <div class="u-fornum">
 
+            <span>購買數量 :</span>
 
+            <div class="con">
 
+                <div class="m-selnum dr">
 
+                    <div onclick="minnumber()" class="less z-dis">-</div>
 
+                    <div class="textWrap">
 
+                        <div class="num" id="number">1</div>
 
+                    </div>
 
+                    <div onclick="addnumber()" class="more">+</div>
 
+                </div>
 
+                <div>
 
+                    <a onclick="goShop()" href="javascript:void(0);">購買</a>
 
+                </div>
 
+            </div>
 
+        </div>
 
+    </div>
 
+</div>
 
+
 
+
 
+<!--position: fixed;-->
 
+<!--top: 0px;-->
 
+<!--scroll-behavior: unset;-->
 
+
 
+
 
+<script type="text/javascript">
 
+    window._pt_lt = new Date().getTime();
 
+    window._pt_sp_2 = [];
 
+    _pt_sp_2.push('setAccount,19c40fc9');
 
+    var _protocol = (("https:" == document.location.protocol) ? " https://" : " http://");
 
+    (function () {
 
+        var atag = document.createElement('script');
 
+        atag.type = 'text/javascript';
 
+        atag.async = true;
 
+        atag.src = _protocol + 'js.ptengine.cn/19c40fc9.js';
 
+        var s = document.getElementsByTagName('script')[0];
 
+        s.parentNode.insertBefore(atag, s);
 
+    })();
 
+</script>
 
+</body>
 
+</html>
 
+<!-- Global site tag (gtag.js) - Google Analytics -->
 
+<script async="" src="https://www.googletagmanager.com/gtag/js?id=UA-122583135-1"></script>
 
+<script>
 
+    window.dataLayer = window.dataLayer || [];
 
+
 
+    function gtag() {
 
+        dataLayer.push(arguments);
 
+    }
 
+
 
+    gtag('js', new Date());
 
+    gtag('config', 'UA-122583135-1');
 
+</script>
 
+
 
+
 
+<!-- Facebook Pixel Code -->
 
+<script>
 
+  !function(f,b,e,v,n,t,s)
 
+  {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
 
+  n.callMethod.apply(n,arguments):n.queue.push(arguments)};
 
+  if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
 
+  n.queue=[];t=b.createElement(e);t.async=!0;
 
+  t.src=v;s=b.getElementsByTagName(e)[0];
 
+  s.parentNode.insertBefore(t,s)}(window, document,'script',
 
+  'https://connect.facebook.net/en_US/fbevents.js');
 
+  fbq('init', '524976641351633');
 
+  fbq('track', 'PageView');
 
+</script>
 
+<noscript>< img height="1" width="1" style="display:none"
 
+  src="https://www.facebook.com/tr?id=524976641351633&ev=PageView&noscript=1"
 
+/></noscript>
 
+<!-- End Facebook Pixel Code -->

BIN
taiwan/images/404.png
View File


BIN
taiwan/images/Cart.png
View File


BIN
taiwan/images/addphoto.png
View File


BIN
taiwan/images/arrow.png
View File


BIN
taiwan/images/check.png
View File


BIN
taiwan/images/checkout-icons.png
View File


BIN
taiwan/images/close.png
View File


BIN
taiwan/images/closeicon.png
View File


BIN
taiwan/images/icon.png
View File


BIN
taiwan/images/img-sp.png
View File


BIN
taiwan/images/kf.png
View File


BIN
taiwan/images/left-arrow.png
View File


BIN
taiwan/images/loading.gif
View File


BIN
taiwan/images/review_1.png
View File


BIN
taiwan/images/right-arrow.png
View File


BIN
taiwan/images/star-.png
View File


BIN
taiwan/images/star.png
View File


File diff suppressed because it is too large
+ 6 - 0
taiwan/js/glide.min.js


File diff suppressed because it is too large
+ 4 - 0
taiwan/js/jquery-2.2.3.min.js


+ 560 - 0
taiwan/js/new.js
View File 

@@ -0,0 +1,560 @@
 
+var ProductId = "",
 
+    ProductIdCountDown = "",
 
+    ProductAttrId = [],
 
+    ProductAttrInfo = 0;
 
+
 
+$(document).ready(function () {
 
+    init();
 
+    $(window).scroll(WindowScroll);
 
+
 
+});
 
+
 
+
 
+init = function () {
 
+    getProductInfo();
 
+}
 
+
 
+var getProductInfo = function () {
 
+    var pid =   getUrlParam("pid") || window.location.pathname.substr(1);
 
+    var parameter = urlEncode(["SelectProduct", pid]);
 
+    $.ajax({
 
+        type: "post",
 
+        url: "/taiwan/php/index.php",
 
+        data: {mode: parameter},
 
+        dataType: "json",
 
+        success: function (data) {
 
+            $("#PageLoading").css({"display": "none"});
 
+            $("#PageWarp").css({"display": "block"});
 
+            printProductInfo(data[0][0]);
 
+            PrintProductAttribute(data[0][0].ProductAttr);
 
+        }
 
+    });
 
+}
 
+
 
+var printProductInfo = function (data) {
 
+    ProductAttrId = data;
 
+    ProductId = data.ProductId;
 
+    ProductIdCountDown = data.CountDown;
 
+    $("#ProductName").html(data.ProductName);
 
+    $("#ProductPrice").html(Math.ceil(data.ProductPrice));
 
+    $("#ColorPrice").html("฿" + Math.ceil(data.ProductPrice));
 
+    $("#ProductPrimeCost").html(Math.ceil(data.ProductPrimeCost));
 
+    $("#ProductInfo").html(data.ProductInfo);
 
+    $("#Discount").html(data.Discount);
 
+    $("#Sold").html(data.Sold);
 
+    $("#Promotion").html(data.Promotion);
 
+$("#ProductInfo img").css({"width":"100%","height":"auto"});
 
+    // countTime(ProductIdCountDown);
 
+    // countDown(ProductIdCountDown);
 
+    setInterval(function () {
 
+        freshTime();
 
+    }, 1000);
 
+    var banner = JSON.parse(data.ProductAttr)["7b824b9c-738b-11e8-a479-0610c52349b6"],
 
+        color = JSON.parse(data.ProductAttr)["69d4e108-738a-11e8-a479-0610c52349b6"],
 
+        size = JSON.parse(data.ProductAttr)["d6d6361b-acea-11e8-bbc6-0a4b7569e232"],
 
+        classs = JSON.parse(data.ProductAttr)["cfb738c4-bff6-11e8-bbc6-0a4b7569e232"],
 
+        comment = JSON.parse(data.ProductAttr)["d5cca263-c224-11e8-bbc6-0a4b7569e232"];
 
+    $("#Color").html("");
 
+    for (var i in color) {
 
+        for (var j in color[i]) {
 
+            var a = '<a  _src=' + color[i][j] + ' onclick = itemClick(this)>' + j + '</a>';
 
+            $("#Color").append($(a));
 
+        }
 
+    }
 
+    $("#Color a").eq(0).addClass("checked");
 
+    $("#ColorBanner").attr("src", $("#Color a").eq(0).attr("_src"));
 
+    // ProductAttrId.push(escape($("#Color a").eq(0).html()), escape($("#Color a").eq(0).attr("_src")));
 
+
 
+
 
+    if (size && !$.isEmptyObject(size)) {
 
+        for (var i in size) {
 
+            for (var j in size[i]) {
 
+                var a = '<a onclick = itemClick(this)>' + size[i][j] + '</a>';
 
+                $("#Size").append($(a));
 
+            }
 
+        }
 
+        $("#Size a").eq(0).addClass("checked");
 
+    }
 
+    else {
 
+        $("#Size").parent().hide();
 
+    }
 
+
 
+    var num = 0;
 
+    for (var j in banner) {
 
+        num++;
 
+    }
 
+
 
+    for (var i in banner) {
 
+        for (var j in banner[i]) {
 
+            var li = '<li class="item slide"><img src="' + banner[i][j] + '"/></li>';
 
+            $(".scroller").append(li);
 
+            var i = '<i><span class="pagination">' + (parseInt(j) + 1) + '/' + num + '</span></i>';
 
+            $(".nav").append(i);
 
+            $(".nav i").eq(0).addClass("current");
 
+        }
 
+    }
 
+    bannerMove();
 
+
 
+    var mp4 = $("#ProductInfo img.edui-upload-video"), el;
 
+    for (var i = 0; i < mp4.length; i++) {
 
+        var url = mp4.eq(i).attr("_url");
 
+        el = '<video src=' + url + ' controls="controls" preload="auto" width = "100%"></video>';
 
+        mp4.eq(i).after(el);
 
+        mp4.eq(i).remove();
 
+    }
 
+    mp4.remove();
 
+    //就是这一块
 
+    if (comment && !$.isEmptyObject(comment)) {
 
+        $("#comment").eq(0).html("");
 
+        for (var i in comment) {
 
+            //for (var j = 0;j<=i;j++) {
 
+            $("#comment").eq(0).append(
 
+                $('<li>' +
 
+                    '<div style="margin-bottom:8px;  color: #999;font-size:12px">' +
 
+                    '<span>' + comment[i].name + '</span>' +
 
+                    '<span style="float: right;">' +
 
+                    '<span lass="reviewStar size1 star5">' + comment[i].time + '</span>' +
 
+                    '</span>' +
 
+                    '</div>' +
 
+                    '<div>' +
 
+                    '<p style="margin-bottom: 8px;font-size: 14px;word-break: break-all;">' + comment[i].text + '</p>' +
 
+                    '<div class="imgg" style="margin-bottom:10px;overflow: hidden">' + '</div>' +
 
+                    // '<p style="position: relative;min-height: 10px;">' +
 
+                    //     '<span style="position: absolute;bottom: 0;right: 15px;color:#8f8f94">' + comment[i].time + '</span>' +
 
+                    // '</p>' +
 
+                    '</div>' +
 
+                    '</li>'
 
+                ));
 
+            if (comment[i].imgurl != "") {
 
+                var CreateCommentImg = function (el, img, flag) {
 
+                    img = flag ? '/taiwan/' + img : img;
 
+                    var div = '<img style="z-index:0;" src="' + img + '">';
 
+                    $(".imgg").eq(i).append(div);
 
+                }
 
+                var img = comment[i]['imgurl'].split(",");
 
+                img.forEach(function (val) {
 
+                    CreateCommentImg(el, val, false);
 
+                });
 
+            }
 
+            //}
 
+        }
 
+        // $(".u-format .items").eq(0).eq(0).addClass("tab-sel");
 
+    }
 
+    else {
 
+        $(".ProductEvaluate")[0].style.display = "none";
 
+//        $(".header-nav")[0].children[2].style.display = "none";
 
+  //      Roll();
 
+    }
 
+
 
+}
 
+
 
+var bannerMove = function () {
 
+    var glide = new Glide('.module-preview ', {
 
+        autoplay: 3000
 
+    });
 
+    glide.on(['mount', 'run.after'], function () {
 
+        $(".nav i").removeClass("current");
 
+        $(".nav i").eq(glide._i).addClass("current");
 
+    })
 
+    glide.mount();
 
+}
 
+
 
+
 
+var ToTop = function () {
 
+    $("html,body").scrollTop(0);
 
+}
 
+
 
+var ToProductInfo = function () {
 
+    $("html,body").scrollTop($(".ProductInfo").offset().top - 50);
 
+    // $("html,body").animate({scrollTop: $(".ProductInfo").offset().top - 50});
 
+}
 
+
 
+var ToProductEvaluate = function () {
 
+    $("html,body").scrollTop($(".ProductEvaluate").offset().top);
 
+
 
+    // $("html,body").animate({scrollTop: $(".ProductEvaluate").offset().top});
 
+}
 
+
 
+
 
+function freshTime() {
 
+    var arr = ProductIdCountDown.split(/[- : \/]/);
 
+    var endtime = new Date(arr[0], arr[1] - 1, arr[2], arr[3], arr[4], arr[5]);
 
+    var nowtime = new Date();
 
+    var lefttime = parseInt(endtime.getTime() - nowtime.getTime());//这是毫秒，如果再/1000就是秒
 
+    if (lefttime <= 0) {
 
+        var toyear = new Date().getFullYear();
 
+        var tomonth = new Date().getMonth() + 1;
 
+        var today = new Date().getDate() + 2;
 
+        arr[0] = toyear;
 
+        arr[1] = tomonth;
 
+        arr[2] = today;
 
+        endtime = new Date(arr[0], arr[1] - 1, arr[2], arr[3], arr[4], arr[5]);
 
+        lefttime = parseInt(endtime.getTime() - nowtime.getTime());//这是毫秒，如果再/1000就是秒
 
+    }
 
+    var hm = 60 * 60 * 1000;
 
+    var h = parseInt((lefttime / hm));
 
+    var mm = 60 * 1000;
 
+    var m = parseInt((lefttime / mm) % 60);
 
+    var s = parseInt((lefttime / 1000) % 60);
 
+    m = checktime(m);
 
+    s = checktime(s);
 
+    $("#J_TimeHour").html(h);
 
+    $("#J_TimeMin").html(m);
 
+    $("#J_TimeSec").html(s);
 
+    if (lefttime < 0) {
 
+        $("#J_TimeHour").html(0);
 
+        $("#J_TimeMin").html(0);
 
+        $("#J_TimeSec").html(0);
 
+    }
 
+}
 
+
 
+//倒计时效果js代码
 
+function checktime(i) {
 
+    if (i < 10) {
 
+        i = "0" + i;
 
+    }
 
+    else {
 
+        i = i;
 
+    }
 
+    return i;
 
+}
 
+
 
+
 
+var WindowScroll = function () {
 
+    var top = $(document).scrollTop();
 
+    if (top > $(".group-warp").eq(0).height() * 0.2) {
 
+        $("#head").addClass("transparent");
 
+    }
 
+
 
+    if (top >= $(".ProductInfo").offset().top - 100) {
 
+        $("#head").addClass("transparent");
 
+        $("#head li").removeClass("active");
 
+        $("#head li").eq(1).addClass("active");
 
+    }
 
+
 
+    if (top >= $(".ProductEvaluate").offset().top - 500) {
 
+        $("#head").addClass("transparent");
 
+        $("#head li").removeClass("active");
 
+        $("#head li").eq(2).addClass("active");
 
+    }
 
+
 
+    if (top < $(".ProductEvaluate").offset().top - 500) {
 
+        $("#head").addClass("transparent");
 
+        $("#head li").removeClass("active");
 
+        $("#head li").eq(1).addClass("active");
 
+    }
 
+
 
+
 
+    if (top <= $(".ProductInfo").offset().top - 100) {
 
+        $("#head").addClass("transparent");
 
+        $("#head li").removeClass("active");
 
+        $("#head li").eq(0).addClass("active");
 
+    }
 
+
 
+    if (top <= $(".group-warp").eq(0).height() * 0.2) {
 
+        $("#head").removeClass("transparent");
 
+    }
 
+}
 
+
 
+
 
+var showPage = function () {
 
+    // if ($(".widgets-cover").hasClass("show")) {
 
+    //     $(".widgets-cover").removeClass("show");
 
+    //     $("body").css({"position": "static", "top": "0px", "scroll-behavior": "unset"});
 
+    // }
 
+    // else {
 
+    //     $("body").css({"position": "fixed", "top": "0px", "scroll-behavior": "unset"});
 
+    //     $(".widgets-cover").addClass("show");
 
+    // }
 
+
 
+    if ($("#page-order").css("display") == "block") {
 
+        $("#PageWarp").css({display: "block"});
 
+        $("#page-order").animate({left: '100%'}, "", function () {
 
+            $("#page-order").css({display: "none"});
 
+        });
 
+    }
 
+    else {
 
+        $("#page-order").css({display: "block"});
 
+        $("#page-order").animate({left: '0'}, "", function () {
 
+            $("#PageWarp").css({display: "none"});
 
+        });
 
+    }
 
+}
 
+
 
+
 
+/*********************************************下单页面事件区域*************************************************/
 
+
 
+var PrintProductAttribute = function (obj) {
 
+    obj = JSON.parse(obj);
 
+    var classs = obj['cfb738c4-bff6-11e8-bbc6-0a4b7569e232'],
 
+        color = obj['69d4e108-738a-11e8-a479-0610c52349b6'],
 
+        size = obj['d6d6361b-acea-11e8-bbc6-0a4b7569e232'];
 
+    var
 
+        colorel = $(".count_atrr .con"),
 
+        sizeel = $(".count_size .con");
 
+    // var isclasss = true;
 
+
 
+    //打印图片颜色分类
 
+    colorel.html("");
 
+    for (var i in color) {
 
+        for (var j in color[i]) {
 
+            var div = '<div class="tab" onclick="ColorClick(this,\'' + j + '\')"><img src="' + color[i][j] + '"></div>';
 
+            colorel.append($(div));
 
+            if (i == 0) {
 
+                // ColorClick(colorel.find(".tab").eq(0), j);
 
+                colorel.find(".tab").eq(0).addClass("tab-sel");
 
+                colorel.eq(0).parent().find("span").html(j);
 
+            }
 
+        }
 
+    }
 
+
 
+    //打印尺寸分类
 
+    if (size && !$.isEmptyObject(size)) {
 
+        sizeel.html("");
 
+        for (var i in size) {
 
+            for (var j in size[i]) {
 
+                var div = '<label class="tab" onclick="SizeClick(this)"><span>' + size[i][j] + '</span></label>';
 
+                sizeel.append($(div));
 
+                if (i == 0) {
 
+                    sizeel.find(".tab").eq(0).addClass("tab-sel");
 
+                }
 
+            }
 
+        }
 
+    }
 
+    else {
 
+        sizeel.parent().remove();
 
+    }
 
+
 
+    var classsel = $(".count_classs .con"), classs_obj, classs_a;
 
+    //打印套餐
 
+    if ($.isEmptyObject(classs)) {
 
+        $(".count_classs .con").parent().remove();
 
+        ProductAttrId.OrderNum = 1;
 
+    }
 
+    else {
 
+        classsel.html("");
 
+        $.each(classs, function (i, val) {
 
+            ProductAttrInfo++;
 
+            classs_obj = val;
 
+            $.each(val, function (j, val1) {
 
+                if (j == "type") {
 
+                    if ($(".dt-paramselect .meal").length != parseInt(val1)) {
 
+
 
+                        while (parseInt(val1) > $(".dt-paramselect .meal").length) {
 
+                            classs_a = $(".meal").eq(0).clone();
 
+                            classs_a.hide();
 
+                            $(".dt-paramselect").append(classs_a);
 
+                        }
 
+                        // for (var k = 0; k < parseInt(val1) - $(".dt-paramselect .meal").length; k++) {
 
+                        //     classs_a = $(".meal").eq(0).clone();
 
+                        //     classs_a.hide();
 
+                        //     $(".dt-paramselect").append(classs_a);
 
+                        // }
 
+                    }
 
+                }
 
+                else if (j != "type") {
 
+                    var div = '<label class="tab" onclick="ClasssClick(this,\'' + j + '\',\'' + val.type + '\')"><span>' + val1 + '</span></label>';
 
+                    classsel.append($(div));
 
+                    // div.onclick = function () {
 
+                    //     alert();
 
+                    // }
 
+                    // $(div).bind('click', function () {
 
+                    //     alert();
 
+                    // });
 
+
 
+                }
 
+            });
 
+        });
 
+        $(".dt-paramselect").append($(".u-fornum"));
 
+        $(".count_classs label").eq(0).click();
 
+
 
+        /*
 
+                if (ProductAttrInfo == 1) {
 
+                    ClasssClick($(".count_classs label").eq(0), ProductAttrId.ProductPrice, classs[0].type);
 
+                }
 
+                else {
 
+                    ClasssClick($(".count_classs label").eq(0), ProductAttrId.ProductPrice, ProductAttrInfo);
 
+                }
 
+        */
 
+
 
+        // for (var i in classs) {
 
+        //     for (var j in classs[i]) {
 
+        //         if (j == "type") {
 
+        //             // $(".u-fornum").before(colorel.parent().clone().hide());
 
+        //             // $(".u-fornum").before(sizeel.parent().clone().hide());
 
+        //             $(".secondsetmeal").append(colorel.parent().clone());
 
+        //             $(".secondsetmeal").append(sizeel.parent().clone());
 
+        //         }
 
+        //         else if (j != "type") {
 
+        //             var div = '<label class="tab" onclick="ClasssClick(this,\'' + j + '\')"><span>' + classs[i][j] + '</span></label>';
 
+        //             classsel.append($(div));
 
+        //         }
 
+        //     }
 
+        // }
 
+        // ClasssClick($(".count_classs label").eq(0));
 
+    }
 
+
 
+
 
+    console.log(obj);
 
+}
 
+
 
+/**/
 
+var ClasssClick = function (el, val, type) {
 
+    $(el.parentNode).find(".tab").removeClass("tab-sel");
 
+    $(el).addClass("tab-sel");
 
+    $(".meal").hide();
 
+    $(".meal").eq(0).show();
 
+    for (var i = 0; i < parseInt(type); i++) {
 
+        $(".meal").eq(i).show();
 
+    }
 
+    type ? ProductAttrId.OrderNum = type : "";
 
+    val ? ProductAttrId.ProductPrice = val : "";
 
+}
 
+
 
+/*选择颜色点击事件*/
 
+var ColorClick = function (el, val) {
 
+    $(el.parentNode).find(".tab").removeClass("tab-sel");
 
+    $(el).addClass("tab-sel");
 
+    $(el.parentNode.parentNode).find("span").html(val);
 
+
 
+    // $(el.parentNode).children().removeClass("checked");
 
+    // // $("#Color a").removeClass("checked");
 
+    // $(el).addClass("checked");
 
+    // if ($(el.parentNode).attr("id") === "Color") {
 
+    //     $("#ColorBanner").attr("src", $(el).attr("_src"));
 
+    // }
 
+    // var banner = escape($("#ColorBanner").attr("src")),
 
+    //     color = escape($("#Color a.checked").html()),
 
+    //     size = escape($("#Size a.checked").html());
 
+    // ProductAttrInfo = [];
 
+    // ProductAttrInfo.push(banner, color, size);
 
+}
 
+
 
+/*选择尺寸点击事件*/
 
+var SizeClick = function (el) {
 
+    $(el.parentNode).find(".tab").removeClass("tab-sel");
 
+    $(el).addClass("tab-sel");
 
+}
 
+
 
+/*购买数量添加*/
 
+var addnumber = function () {
 
+    $('.textWrap .num').html(parseInt($('.textWrap .num').html()) + 1);
 
+}
 
+
 
+/*购买数量减少*/
 
+var minnumber = function () {
 
+    if (parseInt($('.textWrap .num').html()) > 1) {
 
+        $('.textWrap .num').html(parseInt($('.textWrap .num').html()) - 1);
 
+    }
 
+}
 
+
 
+
 
+/*点击购买函数*/
 
+var goShop = function () {
 
+    // var num = parseInt($("#number").val()),
 
+    //     attr = ProductAttrInfo.join(),
 
+    //     str = "shop.html?pid=" + ProductId + "&attr=" + attr + "&num=" + num;
 
+    var num = parseInt($("#number").text()),
 
+        obj = [],
 
+        attr = {},
 
+        numobj = {},
 
+        url = "shop.html?pid=" + ProductId + "&attr=",
 
+        str = "";
 
+
 
+    numobj["Number"] = num;
 
+    numobj["Money"] = ProductAttrId.ProductPrice;
 
+    obj.push(numobj);
 
+
 
+    for (var i = 0; i < ProductAttrId.OrderNum; i++) {
 
+        attr = {};
 
+        attr["color"] = $(".meal").eq(i).find(".tt span").eq(0).text();
 
+        attr["img"] = $(".meal").eq(i).find("div.tab-sel img").attr("src");
 
+        attr["size"] = $(".meal").eq(i).find("label.tab-sel span").text();
 
+        obj.push(attr);
 
+    }
 
+    OrderPrice = parseInt(obj[0].Number) * parseInt(obj[0].Money);
 
+//facebook购物车推广事件，请勿删除！
 
+  fbq('track', 'AddToCart', {
 
+    value: OrderPrice,
 
+    currency: 'TWD',
 
+    content_ids: 'ProductAttrId.ProductRemarks',
 
+    content_type: 'product_group',
 
+  });
 
+    str = escape(JsonToString(obj));
 
+    url += str;
 
+    console.log(url);
 
+    window.location.href = url;
 
+
 
+
 
+}
 
+
 
+
 
+getUrlParam = function (name) {
 
+    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
 
+    var r = window.location.search.substr(1).match(reg);  //匹配目标参数
 
+    if (r != null) return unescape(r[2]);
 
+    return null; //返回参数值
 
+}
 
+
 
+urlEncode = function (arr) {
 
+    var i; //循环初始化
 
+    for (i = 0; i < arr.length; i++) {
 
+        arr[i] = encodeURIComponent(encodeURIComponent(arr[i]));
 
+    }
 
+    return arr.join();
 
+}
 
+
 
+
 
+Roll = function () {
 
+    //$(".marquee ul").css('position', 'absolute');
 
+    animate();
 
+};
 
+
 
+animate = function () {
 
+    var boxHeight = $('.marquee').height();
 
+    var ulHeight = $(".marquee ul").height();
 
+    $(".marquee").css('top', 0);
 
+    $(".marquee").animate({scrollTop: $(".marquee")[0].scrollTop == 0 ? (ulHeight - boxHeight) : 0}, 10000, animate);
 
+}
 
+
 
+
 
+//json转换为string
 
+var JsonToString = function (obj) {
 
+    var i,
 
+        _type = false,
 
+        _str = "",
 
+        _type = typeof (obj); //获取类型
 
+    //开始序列化
 
+    if (obj == null) {
 
+    }
 
+    else {
 
+        obj = obj.valueOf(); //获取值 同时类型也为对应
 
+        if ("boolean,number".indexOf(_type) > -1) {//bool和number类型转化
 
+            _str = obj.toString();
 
+        }
 
+        else if (_type == "string") {//json处理字符串时需要加上 "\""符号
 
+            _str = "\"" + obj + "\"";
 
+        }
 
+        else if (typeof obj == "array") { //数组处理
 
+            _str = "[";
 
+            for (i = 0; i < obj.length; i++) {
 
+                _str += JsonToString(obj[i]) + ((i < obj.length - 1) ? "," : "")
 
+            }
 
+            ;_str += "]";
 
+            return _str
 
+        }
 
+        else {//object处理
 
+            _str = "{";
 
+            for (i in obj) {
 
+                if (obj.hasOwnProperty(i)) {
 
+                    if (_str.length > 1) {
 
+                        _str += ","
 
+                    }
 
+                    ;_str += "\"" + i + "\":" + JsonToString(obj[i]);
 
+                }
 
+            }
 
+            _str += "}";
 
+        }
 
+        return _str;
 
+    }
 
+}

+ 352 - 0
taiwan/js/shop.js
View File 

@@ -0,0 +1,352 @@
 
+var ProductInfo = "";
 
+var number = "";
 
+$(document).ready(function () {
 
+    init();
 
+
 
+});
 
+
 
+/*
 
+* 页面初始化函数
 
+* */
 
+init = function () {
 
+    var pid = getUrlParam("pid"),
 
+        attr = getUrlParam("attr");
 
+    // num = getUrlParam("num");
 
+    if (pid === "" || attr === "") {
 
+        go404Html();
 
+    }
 
+    else {
 
+        $(".goback").attr("href", "goods.html?pid=" + pid);
 
+        getProductInfo(pid);
 
+        initialize();
 
+    }
 
+}
 
+
 
+getProductInfo = function (pid) {
 
+    var parameter = urlEncode(["SelectProduct", pid]);
 
+    $.ajax({
 
+        type: "post",
 
+        url: "/taiwan/php/index.php",
 
+        data: {mode: parameter},
 
+        dataType: "json",
 
+        success: function (data) {
 
+            printProductInfo(data);
 
+        }
 
+    });
 
+}
 
+
 
+printProductInfo = function (data) {
 
+    if (data == -1 || data[0].length === 0) {
 
+        go404Html();
 
+    }
 
+    else {
 
+        $("#PageLoading").css({"display": "none"});
 
+        $("#PageWarp").css({"display": "block"});
 
+        ProductInfo = data[0][0];
 
+        // $("#goodName").html(data[0][0].ProductIntroduce);
 
+        var attr = JSON.parse(unescape(getUrlParam("attr")));
 
+        $(".m-orderItem").html("");
 
+        for (var i in attr) {
 
+            if (i == 0) {
 
+                $("#payment_amount").html(parseInt(attr[0].Money) * parseInt(attr[0].Number));
 
+                $("#total").html(parseInt(attr[0].Money) * parseInt(attr[0].Number));
 
+                number = attr[0].Number;
 
+		ProductInfo.ProductPrice = parseInt(attr[0].Money) * parseInt(attr[0].Number);
 
+                $(".number").html(attr[0].Number);//数量
 
+            }
 
+
 
+            if (i != 0) {
 
+                var a = '<div class="row-2 flexbox">' +
 
+                    '<div class="goodImg">' +
 
+                    '<img src="' + attr[i]['img'] + '" width="100%"/>' +
 
+                    '</div>' +
 
+                    '                    <div class="goodInfo flex">\n' +
 
+                    '                        <div class="goodName">' + ProductInfo.ProductName + '</div>\n' +
 
+                    '                        <div class="goodName ti">\n' +
 
+                    '                        <div class="goodStatus f-fr"><span>顏色分類: ' + attr[i]['color'] + '</span></div>' +
 
+                    (attr[i]['size'] ? '<div class="goodStatus f-fr"><span>ขนาด:' + attr[i]["size"] + '</span></div>' : '') +
 
+                    '<div class="goodStatus f-fr"><span>數量: ' + attr[0].Number + '</span></div>' +
 
+                    '                        </div>' +
 
+                    '</div>' +
 
+                    '</div>';
 
+                $(".m-orderItem").append(a);
 
+            }
 
+        }
 
+    }
 
+}
 
+
 
+submit = function () {
 
+    var lid = "",
 
+        ordernum = orderNum(),
 
+        pid = getUrlParam("pid"),
 
+        pcid = escape(getUrlParam("attr")),
 
+        attr = "",
 
+        ppr = ProductInfo.ProductPrice,
 
+        pn = number,
 
+        urn = $("#UserReallyName").val().trim(),
 
+        upn = $("#thaphone").val().trim(),
 
+        uem = $("#UserEMail").val().trim(),
 
+        pc = $("#tha_postal").val().trim(),
 
+        p = $("#Province").html(),
 
+        c = "",
 
+        a = $("#Area").val().trim(),
 
+        address = $("#Address").val().trim(),
 
+        rem = $("#Remarks").val().trim(),
 
+        fr = 0,
 
+        am = ProductInfo.ProductPrice,
 
+        pay = ProductInfo.ProductPrice,
 
+        state = 1;
 
+
 
+    if (urn == "") {
 
+        // alert("请输入姓名");
 
+        alert("請輸入姓名");
 
+        return;
 
+    }
 
+    else if (upn == "") {
 
+        // alert("请输入手机号码");
 
+        alert("請輸入手機號碼");
 
+        return;
 
+    }
 
+/*
 
+    else if (uem == "") {
 
+        // alert("请输入电子邮件");
 
+        alert("請輸入電子郵件");
 
+        return;
 
+    }
 
+*/
 
+    else if (pc == "") {
 
+        // alert("请输入邮编");
 
+        alert("請輸入郵政編碼");
 
+        return;
 
+    }
 
+    else if (p == "") {
 
+        // alert("请输入省份");
 
+        alert("請輸入省份");
 
+        return;
 
+    }
 
+    else if (a == "") {
 
+        // alert("请输入直辖区");
 
+        alert("請輸入直轄區");
 
+        return;
 
+    }
 
+    else if (address == "") {
 
+        // alert("请输入详细地址");
 
+        alert("請輸入詳細地址");
 
+        return;
 
+    }
 
+/*
 
+    else if (rem == "") {
 
+        // alert("请输入留言");
 
+        alert("請輸入留言");
 
+        return;
 
+    }
 
+*/
 
+
 
+    $("#PageLoading").css({"display": "block"});
 
+    $("#PageWarp").css({"display": "none"});
 
+
 
+    var parameter = urlEncode(["InsertOrder", lid, ordernum, pid, pcid, attr, ppr, pn, urn, upn, uem, pc, p, c, a, address, rem, fr, am, pay, state]);
 
+    $.ajax({
 
+        type: "post",
 
+        url: "/taiwan/php/index.php",
 
+        data: {mode: parameter},
 
+        dataType: "json",
 
+        success: function (data) {
 
+            if (data != -1 && data[0].OrderId) {
 
+                $("#PageLoading").css({"display": "none"});
 
+                $("#PageWarp").css({"display": "block"});
 
+                alert("購買成功！");
 
+                window.location.href = "goods.html?pid=" + getUrlParam("pid");
 
+                // insertUserIpAddress(ordernum, function () {
 
+                //
 
+                // });
 
+
 
+            }
 
+            else {
 
+                alert("對不起，您購買失敗，請聯繫客服!!!");
 
+            }
 
+        }
 
+    });
 
+
 
+    //facebook推广购物事件，请不要删除！！！！！
 
+    fbq('track', 'Purchase', {
 
+        value: ProductInfo.ProductPrice,
 
+        currency: 'TWD',
 
+        content_ids: ProductInfo.ProductRemarks,
 
+        content_type: 'product_group'
 
+    });
 
+}
 
+
 
+
 
+/*
 
+* 获取下单用户ip地址插入数据库
 
+* */
 
+insertUserIpAddress = function (num, cb) {
 
+    var IPAddress = ipaddress.traits.ip_address,
 
+        country = ipaddress.country.names["zh-CN"],
 
+        city = ipaddress.city.names["zh-CN"],
 
+        parameter = urlEncode(["InsertOrderIPAddress", num, IPAddress, country, city]);
 
+    $.ajax({
 
+        type: "post",
 
+        url: "/taiwan/php/index.php",
 
+        data: {mode: parameter},
 
+        dataType: "json",
 
+        success: function (data) {
 
+            if (data == 1) {
 
+                cb && cb();
 
+            }
 
+        }
 
+    });
 
+}
 
+
 
+
 
+/*
 
+* 根据当前时间，生成订单号
 
+* */
 
+orderNum = function () {
 
+    var vNow = new Date(), sNow = "";
 
+    sNow += String(vNow.getFullYear());
 
+    sNow += String(vNow.getMonth() + 1);
 
+    sNow += String(vNow.getDate());
 
+    sNow += String(vNow.getHours());
 
+    sNow += String(vNow.getMinutes());
 
+    sNow += String(vNow.getSeconds());
 
+    sNow += String(vNow.getMilliseconds());
 
+    return sNow;//返回订单号
 
+}
 
+
 
+/*
 
+* 输入泰国指定的邮政编码，生成指定的泰国地址。
 
+* */
 
+// selectCity = function () {
 
+//     $('#tha_postal').change(function () {
 
+//         var id = $(this).val();
 
+//         ajaxLocked = true;
 
+//         $.ajax({
 
+//             url: '/taiwan/php/Forward.php',
 
+//             type: 'post',
 
+//             data: {'postName': id},
 
+//             dataType: 'json',
 
+//             success: function (ret) {
 
+//                 if (ret) {
 
+//                     if (ret.length != 0) {
 
+//                         var option = "";
 
+//                         for (var i in ret) {
 
+//                             option += '<option value="' + ret[i].name + '" data-city="' + ret[i].parent_name + '">' + ret[i].name + '</option>';
 
+//                             $('.regions').html(ret[0].parent_name);
 
+//                             $('input[name="city"]').val(ret[0].parent_name);
 
+//                         }
 
+//                         $(".tha_district").html('').append(option);
 
+//                         ajaxLocked = false;
 
+//                     } else {
 
+//                         alert('郵政編碼不存在!');
 
+//                         $('#tha_postal').val('');
 
+//                         $('.tha_district').html('');
 
+//                         $('.regions').html('');
 
+//                         $('input[name="city"]').val('');
 
+//                         ajaxLocked = true;
 
+//                     }
 
+//                 } else {
 
+//                     alert('郵政編碼不存在!');
 
+//                     $('#tha_postal').val('');
 
+//                     $('.tha_district').html('');
 
+//                     $('.regions').html('');
 
+//                     $('input[name="city"]').val('');
 
+//                     ajaxLocked = true;
 
+//                 }
 
+//             },
 
+//             error: function (xhr, ajaxOptions, thrownError) {
 
+//             }
 
+//         });
 
+//     });
 
+// }
 
+
 
+/*
 
+*   選擇台灣的城市
 
+*/
 
+//province(城市類类)
 
+function provinceList()
 
+{
 
+    this.length=24;
 
+    this[0] = new Option("臺北市","0");
 
+    this[1] = new Option("高雄市","1");
 
+    this[2] = new Option("基隆市","2");
 
+    this[3] = new Option("新竹市","3");
 
+    this[4] = new Option("臺中市","4");
 
+    this[5] = new Option("嘉儀市","5");
 
+    this[6] = new Option("臺南市","6");
 
+    this[7] = new Option("臺北縣","7");
 
+    this[8] = new Option("宜蘭縣","8");
 
+    this[9] = new Option("桃園縣","9");
 
+    this[10] = new Option("新竹縣","10");
 
+    this[11] = new Option("苗栗縣","11");
 
+    this[12] = new Option("臺中縣","12");
 
+    this[13] = new Option("彰化縣","13");
 
+    this[14] = new Option("南投縣","14");
 
+    this[15] = new Option("雲林縣","15");
 
+    this[16] = new Option("嘉義縣","16");
 
+    this[17] = new Option("臺南縣","17");
 
+    this[18] = new Option("高雄縣","18");
 
+    this[19] = new Option("屏東縣","19");
 
+    this[20] = new Option("臺東縣","20");
 
+    this[21] = new Option("花蓮縣","21");
 
+    this[22] = new Option("澎湖縣","22");
 
+    this[23] = new Option("金門縣","23");
 
+    this[24] = new Option("連江縣","24");
 
+
 
+    return this;
 
+}
 
+//创建provincelist实例
 
+var provinceOb=new provinceList();
 
+//定义province、city变量，用于select元素
 
+var province;
 
+//初始化地区下拉菜单
 
+function initialize(privinceId){
 
+    //获取select元素
 
+    province=document.getElementById("Area");
 
+    //循环添加省份到province
 
+    for(var i=0;i<provinceOb.length;i++){
 
+        try{
 
+            province.add(provinceOb[i]);
 
+        }catch(e){
 
+            province.add(provinceOb[i],null);
 
+        }
 
+     }
 
+    //初始化privinceId
 
+    if(privinceId==undefined){
 
+        privinceId=0;
 
+    }
 
+    //设置province默认选项
 
+    province.options[privinceId].selected=true;  
+}
 
+
 
+/*
 
+* 获取url参数
 
+* @param {string} 需要获取参数的名字
 
+* */
 
+getUrlParam = function (name) {
 
+    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
 
+    var r = window.location.search.substr(1).match(reg);  //匹配目标参数
 
+    if (r != null) return unescape(r[2]);
 
+    return null; //返回参数值
 
+}
 
+
 
+/*
 
+* 将字符串拼接成数组，并且修改成指定格式。用于ajax上传。
 
+* @param {array}
 
+* */
 
+urlEncode = function (arr) {
 
+    var i; //循环初始化
 
+    for (i = 0; i < arr.length; i++) {//循环对数组各元素进行加密
 
+        arr[i] = encodeURIComponent(encodeURIComponent(arr[i]));
 
+    }
 
+    return arr.join();//转换为字符串返回
 
+}
 
+
 
+/*
 
+* 页面跳转指定的404页面
 
+* */
 
+go404Html = function () {
 
+    window.location.href = "../404.html";
 
+}
 
+

+ 124 - 0
taiwan/php/Forward.php
View File 

@@ -0,0 +1,124 @@
 
+<?php
 
+
 
+// 指定允许其他域名访问
 
+header('Access-Control-Allow-Origin:*');
 
+// 响应类型
 
+header('Access-Control-Allow-Methods:POST');
 
+// 响应头设置
 
+header('Access-Control-Allow-Headers:x-requested-with,content-type');
 
+
 
+/**
 
+ * ajax业务处理中的接口转发层，解决ajax跨域访问的问题
 
+ *   工作原理：问请求通过本程序做中转，在本地服务器层完成与远程服务接口的交互
 
+ *   备注：使用时 URL_ROOT 这个参数需要根据你的目标接口地址进行修改，本转发层之能用于单接口的Web Service接口服务
 
+ *        程序支持POST数据与GET数量的同时转发;
 
+ * @version 1.0.0.2
 
+ * @author JerryLi lijian@dzs.mobi
 
+ * @copyright b.dzs.mobi 2012-11-16
 
+ * */
 
+class interface_relay
 
+{
 
+    /**接口根地址(此处是需要修改的地方)*/
 
+    const URL_ROOT = 'http://www.uessq.com/region.php';
 
+//    const URL_ROOT = 'http://hs.1473.cn/php/index.php?mode=outside.1473.cn,US_HospitalSystem,HS_HT_SelectDepartment,,10,1';
 
+    /**字符集*/
 
+    const CHARSET = 'UTF-8';
 
+    /**GET*/
 
+    private $msGets = '';
 
+    /**POST*/
 
+    private $maGetPostData = array();
 
+
 
+    function __construct()
 
+    {
 
+        $this->getPOST();
 
+        $this->getGET();
 
+        if($this->msGets != '' || count($this->maGetPostData) > 0)
 
+        {	//存在输入数据
 
+//            if(count($this->msGets) > 0)
 
+//                $sUrl = self::URL_ROOT .'?'. $this->msGets;
 
+//            else
 
+                $sUrl = self::URL_ROOT;
 
+            header('Content-Type: text/html; charset='. self::CHARSET);
 
+            echo $this->getContent($sUrl);
 
+        }
 
+        else
 
+        {
 
+            header('Content-Type: text/html; charset='. self::CHARSET);
 
+            echo $this->getContent(self::URL_ROOT);
 
+        }
 
+    }
 
+
 
+    function __destruct()
 
+    {
 
+        unset($maGetPostData, $msGets);
 
+    }
 
+
 
+    /**
 
+     * 载入POST数据
 
+     * @return bool
 
+     * */
 
+    private function getPOST()
 
+    {
 
+        $handle = @fopen('php://input', 'r');
 
+        $data = '';
 
+        do
 
+        {
 
+            $data = @fread($handle, 1024);
 
+            if (strlen($data) == 0)
 
+                break;
 
+            else
 
+                $this->maGetPostData[] = $data;
 
+        }while(true);
 
+        fclose($handle);
 
+        unset($data, $handle);
 
+        return count($this->maGetPostData) >= 1;
 
+    }
 
+
 
+    /**
 
+     * 载入GET数据
 
+     * @return bool
 
+     * */
 
+    private function getGET()
 
+    {
 
+        /*取得GET内容*/
 
+        if (count($_GET) > 0)
 
+        {
 
+            $aTmp = array();
 
+            foreach ($_GET as $sKey => $sVal)
 
+                $aTmp[] = $sKey .'='. urlencode($sVal);
 
+            $this->msGets = implode('&', $aTmp);
 
+            return true;
 
+        }
 
+        else
 
+            return false;
 
+    }
 
+
 
+    /**
 
+     * 读取远程接口返回的内容
 
+     * @return string
 
+     * */
 
+    private function getContent($sGetUrl)
 
+    {
 
+        /**/
 
+        $ch = curl_init();
 
+        curl_setopt ($ch, CURLOPT_URL, $sGetUrl); //设置GET的URL地址
 
+        curl_setopt ($ch, CURLOPT_RETURNTRANSFER, true);//将结果保存成字符串
 
+        curl_setopt ($ch, CURLOPT_CONNECTTIMEOUT, 10);//连接超时时间s
 
+        curl_setopt ($ch, CURLOPT_TIMEOUT, 10);//执行超时时间s
 
+        curl_setopt ($ch, CURLOPT_DNS_CACHE_TIMEOUT, 1800);//DNS解析缓存保存时间半小时
 
+        curl_setopt($ch, CURLOPT_HEADER,0);//丢掉头信息
 
+        if (count($this->maGetPostData) > 0)
 
+        {	//存在POST数据需要提交
 
+            curl_setopt($ch, CURLOPT_POST, 1); //启用POST数据
 
+            curl_setopt($ch, CURLOPT_POSTFIELDS, implode('', $this->maGetPostData));//提交POST数据
 
+        }
 
+        $sData = curl_exec($ch);
 
+        curl_close($ch);
 
+        unset($ch);
 
+        return $sData;
 
+    }
 
+}
 
+
 
+$o = new interface_relay();
 
+unset($o);
 
+?>

+ 11 - 0
taiwan/php/index.php
View File 

@@ -0,0 +1,11 @@
 
+<?php
 
+	header('text/html;application/json;charset=utf-8;');
 
+	header('Access-Control-Allow-Origin: *');
 
+	header('Access-Control-Allow-Headers:Origin, No-Cache, X-Requested-With, If-Modified-Since, Pragma, Last-Modified, Cache-Control, Expires, Content-Type, X-E4M-With;');
 
+	include('mysql.php'); //引用连接数据库接
 
+	if (isset($_POST['mode'])) { echo con::usselect($_POST['mode']); }
 
+	else if(isset($_GET['mode'])){ echo con::usselect($_GET['mode']); } //Ajax处理
 
+//	else if(isset($_GET['parame'])){ echo $_GET['callback']."(U.M.toList(".(con::usselect($_GET['parame']))."));"; } //Jsonp处理
 
+	else { echo ""; }//无参数错
 
+
 
+//echo $_POST['mode'];

+ 90 - 0
taiwan/php/mysql.php
View File 

@@ -0,0 +1,90 @@
 
+<?php
 
+
 
+//连接mysql类
 
+class con
 
+{
 
+    public static $all = array(); //连接数组
 
+    private $host = "127.0.0.1"; //数据库地址
 
+    private $un = "root"; //用户名
 
+    private $ps = "usestudio-1"; //密码
 
+   private $db = "TaiWan"; //密码
 
+    // private $db = "shop"; //密码
 
+    public $sql; //连接
 
+
 
+//    private $host = "127.0.0.1"; //数据库地址
 
+//    private $un = "root"; //用户名
 
+//    private $ps = ""; //密码
 
+//    private $db = "shop"; //密码
 
+//    public $sql; //连接
 
+
 
+    //处理结束
 
+    public static function close($s)
 
+    {
 
+        if (is_resource($s)) {
 
+            return mysqli_close($s);
 
+        } else {
 
+            return true;
 
+        }
 
+    }
 
+
 
+    //构造连接数据库
 
+    public function __construct()
 
+    {
 
+        //清除缓存
 
+        ob_clean();
 
+        $this->sql = new mysqli($this->host, $this->un, $this->ps, $this->db);
 
+    }
 
+
 
+    //mysql调用
 
+    public static function usselect($p)
 
+    {
 
+        $a = explode(",", $p);
 
+        $e = (new con());
 
+        $e = $e->sql;
 
+        $j = "";
 
+        //错误处理
 
+        if ($e->connect_error) {
 
+            return "";
 
+        }
 
+        $e->set_charset("utf8");
 
+        $s = "";
 
+
 
+        $e->query("set character set 'utf8';");
 
+        $res = "";
 
+        $sqlname = urldecode(urldecode($a[0]));
 
+        if (count($a) > 1) {
 
+            for ($i = 1; $i < count($a); $i++) {
 
+                $a[$i] = urldecode(urldecode($a[$i]));
 
+            }
 
+            $s = "CALL " . $sqlname . "('" . join("','", array_slice($a, 1)) . "');";
 
+        } else {
 
+            $s = "CALL " . $sqlname . "()";
 
+        }
 
+//       echo $s;
 
+        $r = array();
 
+
 
+        $e->multi_query(urldecode($s));
 
+        do {
 
+            $s = array();
 
+            if ($res = $e->store_result()) {
 
+                while ($v = $res->fetch_array(MYSQLI_ASSOC)) {
 
+                    array_push($s, $v);
 
+                }
 
+                array_push($r, $s);
 
+            }
 
+
 
+        } while ($e->more_results() && $e->next_result());
 
+
 
+        $j = json_encode(count($r) > 1 ? $r : (count($r) == 0 ? $e->affected_rows : $r[0]));
 
+        con::close($e);
 
+        return $j; //获取返回的值
 
+    }
 
+
 
+    //回收占用问题
 
+    function __destruct()
 
+    {
 
+        con::close($this->sql);
 
+    }
 
+}
 
+
 
+?>

+ 232 - 0
taiwan/shop.html
View File 

@@ -0,0 +1,232 @@
 
+<!DOCTYPE html>
 
+<html>
 
+<head>
 
+    <meta content="yes" name="apple-mobile-web-app-capable">
 
+    <meta content="yes" name="apple-touch-fullscreen">
 
+    <meta content="telephone=no" name="format-detection">
 
+    <meta http-equiv="Content-type" content="text/html" charset="UTF-8">
 
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
 
+    <meta name="viewport" content="width=320, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
 
+    <meta name="viewport" content="width=device-width, target-densityDpi=medium-dpi">
 
+    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
 
+    <meta name="viewport"
 
+          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
 
+    <meta name="fragment" content="!">
 
+    <meta name="HandheldFriendly" content="true">
 
+    <link rel="stylesheet" href="css/shop.css">
 
+    <script src="js/jquery-2.2.3.min.js"></script>
 
+    <script src="js/shop.js"></script>
 
+</head>
 
+<body onunload="a()">
 
+
 
+<!--页面加载loading-->
 
+<div id="PageLoading" style="position: fixed;top: 50%;left: 50%;margin-left: -64px;margin-top: -64px;">
 
+    <img src="/taiwan/images/loading.gif">
 
+</div>
 
+
 
+
 
+<div id="PageWarp" style="display: none">
 
+    <!--联系客服的按钮-->
 
+    <div class="show_contact" style="display: block;position: fixed;bottom: 75px;right: 15px;z-index: 99;">
 
+        <div class="show_contact_box"
 
+             style="background: #129BF4;border-radius: 50%;width: 50px;height: 50px;display: block;text-align: center;">
 
+            <a href="https://www.facebook.com/pg/MinimatterTimes" style="display: block">
 
+                <img src="images/kf.png" style="margin-top: 5px;width: 40px;display: inline-block;"/>
 
+            </a>
 
+        </div>
 
+    </div>
 
+
 
+    <!--中间填写资料页面内容-->
 
+    <div id="details">
 
+        <div class="header">
 
+            <a class="goback" href="goods.html">
 
+                <i class="checkout-icons icon-goback"></i>
 
+                點擊返回主界面
 
+            </a>
 
+        </div>
 
+        <div class="explain">
 
+            <h1>檢查信息</h1>
 
+            <p>Tips支持貨到付款+包含郵費，在不影響第二次銷售的情況下支持7天內退貨，收貨之後若您有任何問題可以聯繫在線客服或發郵箱至：
 
+                <a>快遞單上的售後服務Mailbox</a>請在郵件中寫明您的姓名和電話以及訂單號，謝謝。
 
+            </p>
 
+            <div style="font-size:12px;font-weight:900;">請輸入正確的電話號碼以及郵箱，我們會更快的郵寄給你。
 
+            </div>
 
+        </div>
 
+
 
+        <div class="table">
 
+            <div class="flexbox ">
 
+                <div class="flex tab_two"><input type="text" required="required" name="name" placeholder="姓名 - 姓氏" id="UserReallyName"></div>
 
+                <div class="flex tab_two">
 
+                    <input required="required" id="tha_postal" type="number" name="postal" placeholder="郵政編碼">
 
+                </div>
 
+            </div>
 
+            <div class="flexbox">
 
+                <div class="flex marleft" style="margin-left:0;">
 
+                    <div class="ui-col ui-col-100 ui-select">
 
+                        <input type="hidden" required="required" name="city" error="錯誤的郵政編碼!" value="">
 
+                        <select name="district" class="regions-city tha_district" required="" id="Area">
 
+                        </select>
 
+                    </div>
 
+                </div>
 
+                <div class="flex regions" style="margin-left: 4px;" id="Province">台灣</div>
 
+            </div>
 
+            <div class="table-row">
 
+                <input type="text" required="required" id="Address" name="address"
 
+                       placeholder="具體的街道居住房子">
 
+            </div>
 
+            <div class="flexbox"
 
+                 style="width: 95%;margin: 0 auto;line-height: 30px;padding: 10px 0;font-size: 12px;color: #ff5a5f;">
 
+                請提供明確的地址（例如，門牌號碼等）
 
+            </div>
 
+
 
+
 
+            <div class="flexbox">
 
+                <div class="flex tab_two">
 
+                    <input type="number" required="required" name="mob" id="thaphone" error="請輸入有效的電話號碼"
 
+                           placeholder="手機號碼">
 
+                </div>
 
+                <div class="flex tab_two">
 
+                    <input type="email" name="email" placeholder="電子郵件" id="UserEMail">
 
+                </div>
 
+            </div>
 
+            <div class="table-row">
 
+                <input type="text" maxlength="248" name="guest" id="Remarks" placeholder="留言備註">
 
+            </div>
 
+            <div class="flexbox">
 
+                <div class="flex tab_two tab_sele action" rel="0"><i class="icon"></i>货到付款</div>
 
+            </div>
 
+            <input name="payment_type" value="0" type="hidden">
 
+        </div>
 
+
 
+
 
+        <div class="this_box">
 
+            <div class="m-orderItem">
 
+                <div class="row-2 flexbox">
 
+                    <div class="goodImg">
 
+                        <img src="">
 
+                    </div>
 
+                    <div class="goodInfo flex">
 
+                        <div class="goodName"></div>
 
+                        <div class="goodName ti">
 
+                            <span>【ราคาต่ำมาก ซื้อ 2 ได้ 6 】฿1199</span>
 
+                            <span>【ราคาต่ำมาก ซื้อ 2 ได้ 6 】฿1199</span>
 
+                            <span>【ราคาต่ำมาก ซื้อ 2 ได้ 6 】฿1199</span>
 
+                            <span>【ราคาต่ำมาก ซื้อ 2 ได้ 6 】฿1199</span>
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+            </div>
 
+        </div>
 
+
 
+        <ul class="row-2" id="list_cost">
 
+            <li>
 
+                <span class="tips">運費 </span>
 
+                <span class="tips2">NT$0.00</span>
 
+            </li>
 
+            <li>
 
+                <span class="tips">優惠 </span>
 
+                <span class="tips2" id="payment_amount">1199</span>
 
+                <span class="tips2">NT$</span>
 
+            </li>
 
+            <li>
 
+                <span class="tips">總價 </span>
 
+                <span class="tips2 total" style="color: #ff5a5f;font-weight: bold;">NT$
 
+	            	<span id="total">1199</span>
 
+                </span>
 
+            </li>
 
+        </ul>
 
+
 
+        <input type="hidden" name="product_id" value="306964">
 
+        <div>
 
+            <a class="btn" data-wating-text="กำลังส่งค่ะ์" onclick="submit();" style="cursor: pointer"
 
+               href="javascript:void(0);">購買
 
+            </a>
 
+            <input type="hidden" data-cuckootag="confirm_order">
 
+        </div>
 
+
 
+    </div>
 
+
 
+    <div class="timetips">
 
+        <ul class="flexbox">
 
+            <li class="flex" style="padding-left:16px;">
 
+                <i class="checkout-icons icon-7day"></i>
 
+                產品變更或退貨7天
 
+            </li>
 
+            <li class="flex" style="padding-right:16px;">
 
+                <i class="checkout-icons icon-cod"></i>
 
+                货到付款
 
+            </li>
 
+        </ul>
 
+    </div>
 
+</div>
 
+</div>
 
+</body>
 
+</html>
 
+
 
+
 
+<!-- 谷歌统计 -->
 
+<script async src="https://www.googletagmanager.com/gtag/js?id=UA-122583135-1"></script>
 
+<script>
 
+    window.dataLayer = window.dataLayer || [];
 
+
 
+    function gtag() {
 
+        dataLayer.push(arguments);
 
+    }
 
+
 
+    gtag('js', new Date());
 
+    gtag('config', 'UA-122583135-1');
 
+</script>
 
+
 
+<!-- Facebook Pixel Code -->
 
+<script>
 
+  !function(f,b,e,v,n,t,s)
 
+  {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
 
+  n.callMethod.apply(n,arguments):n.queue.push(arguments)};
 
+  if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
 
+  n.queue=[];t=b.createElement(e);t.async=!0;
 
+  t.src=v;s=b.getElementsByTagName(e)[0];
 
+  s.parentNode.insertBefore(t,s)}(window, document,'script',
 
+  'https://connect.facebook.net/en_US/fbevents.js');
 
+  fbq('init', '524976641351633');
 
+  fbq('track', 'PageView');
 
+</script>
 
+<noscript>< img height="1" width="1" style="display:none"
 
+  src="https://www.facebook.com/tr?id=524976641351633&ev=PageView&noscript=1"
 
+/></noscript>
 
+<!-- End Facebook Pixel Code -->
 
+
 
+<!-- ptengine统计 -->
 
+<script type="text/javascript">
 
+    window._pt_lt = new Date().getTime();
 
+    window._pt_sp_2 = [];
 
+    _pt_sp_2.push('setAccount,19c40fc9');
 
+    var _protocol = (("https:" == document.location.protocol) ? " https://" : " http://");
 
+    (function () {
 
+        var atag = document.createElement('script');
 
+        atag.type = 'text/javascript';
 
+        atag.async = true;
 
+        atag.src = _protocol + 'js.ptengine.cn/19c40fc9.js';
 
+        var s = document.getElementsByTagName('script')[0];
 
+        s.parentNode.insertBefore(atag, s);
 
+    })();
 
+</script>
 
+
 
+<!--&lt;!&ndash; ip地址获取 &ndash;&gt;-->
 
+<!--<script type="text/javascript" src="//js.maxmind.com/js/apis/geoip2/v2.1/geoip2.js"></script>-->
 
+<!--<script type="text/javascript">-->
 
+
 
+    <!--var onSuccess = function (location) {-->
 
+        <!--ipaddress = location;-->
 
+        <!--console.log(location);-->
 
+    <!--};-->
 
+
 
+    <!--var onError = function (error) {-->
 
+        <!--alert(-->
 
+            <!--"Error:\n\n"-->
 
+            <!--+ JSON.stringify(error, undefined, 4)-->
 
+        <!--);-->
 
+    <!--};-->
 
+
 
+    <!--geoip2.city(onSuccess, onError);-->
 
+
 
+<!--</script>-->