提交新项目

shop/static/css/cashier.css

@@ -0,0 +1,238 @@
+/* CSS Document */
+li, ol, ul {
+    list-style: outside none none;
+}
+html, body {
+    height: 100%;
+}
+body {
+	background: #f8f8f8;
+}
+* {
+    font-family: Arial,microsoft yahei;
+    margin: 0;
+    padding: 0;
+}
+.tastesdk-box {
+    background-color: #f8f8f8;
+    position: relative;
+}
+/*头部*/
+.header{width:100%; height:60px;background: #fefefe;border-bottom: 2px solid #f68452;}
+.header .title{width: 1200px;margin: 0 auto;position: relative;}
+.header .title .scan_code{display:none;width:190px;height:190px;position: absolute;right: 0px;top: 52px;background: #ffffff;border: 1px solid #dcdcdc;box-shadow:0 0 7px rgba(115, 115, 115, .2);-webkit-box-shadow:0 0 7px rgba(115, 115, 115, .2);-moz-box-shadow:0 0 7px rgba(1115, 115, 115, .2);}
+.header .title .scan_code img{width: 160px;height: 160px;padding: 15px;}
+.header .title .logo{font-family: "方正正黑简体";font-size:22px;color:#000000;float:left;background: url(../images/icon_logo.png) no-repeat left center;display:inline-block;height: 30px;margin-top: 17px;padding-left: 126px;}
+.header .title .logo span{font-size: 24px;color: #9f9f9f;font-family: "微软雅黑";background: url(../images/syt_03.png) no-repeat 8px 4px;display: block;width: 72px;height:30px;}
+.header .title .right{float:right; padding-top:16px;}
+.header .title .right ul{float:right; padding-top:7px;}
+.header .title .right li{float:left; padding-left:15px;font-size:12px;line-height: 17px;height: 17px;}
+.header .title .right li span{display:inline-block;color:#868686; background-repeat:no-repeat; background-image:url(../images/icon_header.png);letter-spacing: 1px;}
+.icon_info{padding-left:21px; background-position:left top;line-height: 13px;}
+.icon_qq{padding-left:22px; background-position:left -13px;}
+.icon_phone{padding-left:21px; background-position:left -30px;}
+.login{padding-left: 15px;}
+.iap_new img{margin-left: 8px;float: right;margin-top: 1px;}
+.iap_new:hover .scan_code{display: block;}
+
+.clearfix {
+    zoom: 1;
+}
+li {
+    list-style-image: none;
+    list-style-position: outside;
+    list-style-type: none;
+}
+.header .title .right li {
+    float: left;
+    padding-left: 15px;
+    font-size: 12px;
+    line-height: 17px;
+    height: 17px;
+}
+.header .title .right li span {
+    display: inline-block;
+    color: #868686;
+    background-repeat: no-repeat;
+    background-image: url(../images/icon_header.png);
+    letter-spacing: 1px;
+}
+
+.icon_info {
+    padding-left: 21px;
+    background-position: left top;
+    line-height: 13px;
+}
+
+.tastesdk-box::after {
+    background-color: #f8f8f8;
+    bottom: 0;
+    left: 0;
+    position: absolute;
+    right: 0;
+    top: 166px;
+    z-index: 1;
+}
+.tastesdk-box .main {
+    position: relative;
+    z-index: 2;
+}
+.main {
+    margin: 0 auto;
+    width: 1200px;
+}
+.tastesdk-box .typedemo {
+    background-color: #fff;
+    display: block;
+    height: 480px;
+    margin: 50px 0 0;
+    position: relative;
+    transition: box-shadow 0.5s cubic-bezier(0, 0, 0.2, 1) 0s;
+}
+
+.tastesdk-box .typedemo .tit, .tastesdk-box .typedemo .title {
+    border-bottom: 1px solid #e5e5e5;
+    font-size: 16px;
+    height: 60px;
+    line-height: 60px;
+    padding: 0 30px;
+}
+
+.tastesdk-box .typedemo .tit span, .tastesdk-box .typedemo .title span {
+    cursor: pointer;
+}
+.demo-pc {
+    padding: 30px 40px 0;
+}
+
+.two-step p {
+    color: #666;
+}
+.two-step p strong {
+    color: #333;
+    display: block;
+    font-size: 16px;
+    margin-bottom: 10px;
+}
+.two-step p span {
+    color: #fb226b;
+}
+.two-step .pay-infor {
+    border: 1px solid #e5e5e5;
+    margin: 25px 0 20px;
+	  width: 100%;
+	  float:left;
+}
+.two-step .pay-infor li {
+    box-sizing: border-box;
+    float: left;
+    font-size: 14px;
+    height: 58px;
+    line-height: 58px;
+    text-align: center;
+    width: 33.3333%;
+	 padding-left: 50px;
+    text-align: left;
+}
+.two-step .pay-infor li strong {
+    color: #fb226b;
+    font-size: 20px;
+}
+
+.two-step .pay-infor li strong span {
+    font-size: 14px;
+}
+.two-step h5 {
+    font-size: 14px;
+    font-weight: 400;
+    margin-bottom: 16px;
+}
+.two-step .pay-label {
+    border: 1px solid #e5e5e5;
+    padding: 0 20px 20px;
+	float:left;
+	width:100%;
+}
+
+.two-step .pay-label li {
+    display: inline;
+    float: left;
+    height: 42px;
+    margin: 20px 40px 0 0;
+    position: relative;
+    width: 150px;
+}
+
+.two-step .pay-label li input {
+    height: 40px;
+    left: 0;
+    opacity: 0;
+    position: absolute;
+    top: 0;
+    width: 100%;
+}
+.two-step .pay-label li input:checked + label {
+    border-color: #27c8e8;
+}
+.two-step .pay-label li label {
+    border: 1px solid #e5e5e5;
+    left: 0;
+    text-align: center;
+    top: 0;
+    vertical-align: middle;
+    width: 148px;
+}
+.two-step .btns, .two-step .pay-label li label {
+    height: 40px;
+    line-height: 40px;
+    position: absolute;
+}
+
+.pay-label span {
+    margin-left: 5px;
+}
+
+.two-step .pay-label li label img {
+    vertical-align: middle;
+	width: auto;
+	height:25px;
+}
+.two-step .btns {
+    bottom: 10px;
+    right: 10px;
+	 height: 40px;
+    line-height: 40px;
+    position: absolute;
+}
+.two-step .btns span {
+    color: #0098b6;
+}
+ 
+.two-step .btns button {
+    margin-left: 30px;
+    vertical-align: top;
+}
+.pcdemo-btn {
+    background-color: #27c8e8;
+    border: medium none;
+    border-radius: 4px;
+    color: #fff;
+    height: 40px;
+    line-height: 40px;
+    overflow: hidden;
+    position: relative;
+    width: 160px;
+    z-index: 2;
+}
+
+.ylzf_list{
+    display:none;
+}
+.ylzf_list h5{
+    margin-top: 20px;
+}
+.ylzf_list ul li img{
+    width: 96%;
+    height: 46px;
+    line-height: 46px;
+}

shop/static/css/pay.css

@@ -0,0 +1,461 @@
+@charset "UTF-8";
+html {
+    font-size: 62.5%;
+    font-family: 'helvetica neue', tahoma, arial, 'hiragino sans gb', 'microsoft yahei', 'Simsun', sans-serif
+}
+
+body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td, hr {
+    margin: 0;
+    padding: 0px 2px;
+}
+
+body {
+    line-height: 1.333;
+    font-size: 12px
+}
+
+h1, h2, h3, h4, h5, h6 {
+    font-size: 100%;
+    font-family: arial, 'hiragino sans gb', 'microsoft yahei', 'Simsun', sans-serif
+}
+
+input, textarea, select, button {
+    font-size: 12px;
+    font-weight: normal
+}
+
+input[type="button"], input[type="submit"], select, button {
+    cursor: pointer
+}
+
+table {
+    border-collapse: collapse;
+    border-spacing: 0
+}
+
+address, caption, cite, code, dfn, em, th, var {
+    font-style: normal;
+    font-weight: normal
+}
+
+li {
+    list-style: none
+}
+
+caption, th {
+    text-align: left
+}
+
+q:before, q:after {
+    content: ''
+}
+
+abbr, acronym {
+    border: 0;
+    font-variant: normal
+}
+
+sup {
+    vertical-align: text-top
+}
+
+sub {
+    vertical-align: text-bottom
+}
+
+fieldset, img, a img, iframe {
+    border-width: 0;
+    border-style: none
+}
+
+img {
+    -ms-interpolation-mode: bicubic
+}
+
+textarea {
+    overflow-y: auto
+}
+
+legend {
+    color: #000
+}
+
+a:link, a:visited {
+    text-decoration: none
+}
+
+hr {
+    height: 0
+}
+
+label {
+    cursor: pointer
+}
+
+a {
+    color: #328CE5
+}
+
+a:hover {
+    color: #2b8ae8;
+    text-decoration: none
+}
+
+a:focus {
+    outline: none
+}
+
+body, .body {
+    background: #f7f7f7;
+    height: 100%;
+    max-width: 640px;
+    min-width: 300px;
+    min-height: 100%;
+
+    margin: 0 auto;
+}
+
+.mod-title {
+    height: 60px;
+    line-height: 60px;
+    text-align: center;
+    border-bottom: 1px solid #ddd;
+    background: #fff
+}
+
+.ico_log {
+    display: inline-block;
+    width: 140px;
+    height: 38px;
+    vertical-align: middle;
+    margin-right: 7px
+}
+
+.ico-0 {
+    background: url("../../static/img/timg.jpg") no-repeat;
+    background-size:cover;
+}
+
+.ico-1 {
+    background: url("../../static/img/logo_alipay.jpg") no-repeat;
+    background-size:cover;
+}
+
+.ico-2 {
+    background: url("../images/qq.jpg") no-repeat;
+    background-size:cover;
+}
+
+.ico-3 {
+    background: url("../images/weixin.jpg") no-repeat;
+    background-size:cover;
+}
+
+.mod-title .text {
+    font-size: 20px;
+    color: #333;
+    font-weight: normal;
+    vertical-align: middle
+}
+
+.mod-ct {
+    min-width: 300px;
+    max-width: 640px;
+    margin: 0 auto;
+    margin-top: 15px;
+    margin-bottom: 15px;
+    padding-bottom: 10px;
+    background: #fff url("../images/wave.png") top center repeat-x;
+    text-align: center;
+    color: #333;
+    border: 1px solid #e5e5e5;
+    border-top: none
+}
+
+.mod-ct .order {
+    font-size: 20px;
+    padding-top: 10px
+}
+
+.mod-ct .amount {
+    font-size: 44px;
+    margin-top: 10px;
+    font-weight: 700;
+}
+
+.mod-ct .qr-image {
+    margin-top: 30px
+}
+
+.mod-ct .qr-image img {
+    width: 230px;
+    height: 230px
+}
+
+.mod-ct .detail {
+    margin-top: 10px;
+    padding-top: 0px;
+    padding-bottom: 10px;
+
+}
+
+.mod-ct .detail .arrow .ico-arrow {
+    display: inline-block;
+    width: 20px;
+    height: 11px;
+    background: url("../images/wechat-pay.png") -25px -100px no-repeat
+}
+
+.mod-ct .detail .detail-ct {
+    display: none;
+    font-size: 12px;
+    text-align: right;
+    line-height: 28px
+}
+
+.mod-ct .detail .detail-ct dt {
+    float: left
+}
+
+.mod-ct .detail-open {
+    border-top: 1px solid #e5e5e5
+}
+
+.mod-ct .detail .arrow {
+    padding: 6px 34px;
+    border: 1px solid #e5e5e5
+}
+
+.mod-ct .detail .arrow .ico-arrow {
+    display: inline-block;
+    width: 20px;
+    height: 11px;
+    background: url("../images/wechat-pay.png") -25px -100px no-repeat
+}
+
+.mod-ct .detail-open .arrow .ico-arrow {
+    display: inline-block;
+    width: 20px;
+    height: 11px;
+    background: url("../images/wechat-pay.png") 0 -100px no-repeat
+}
+
+.mod-ct .detail-open .detail-ct {
+    display: block
+}
+
+.mod-ct .tip {
+    margin-top: 20px;
+    border-top: 1px dashed #e5e5e5;
+    padding: 10px 0;
+    position: relative
+}
+
+.mod-ct .tip .ico-scan {
+    display: inline-block;
+    width: 56px;
+    height: 55px;
+    background: url("../images/wechat-pay.png") 0 0 no-repeat;
+    vertical-align: middle;
+    *display: inline;
+    *zoom: 1
+}
+
+.mod-ct .tip .ico-scan-0 {
+    display: inline-block;
+    width: 56px;
+    height: 55px;
+    background: url("../images/epay.jpg") 0 0 no-repeat;
+    vertical-align: middle;
+    *display: inline;
+    *zoom: 1
+}
+
+.mod-ct .tip .tip-text {
+    display: inline-block;
+    vertical-align: middle;
+    text-align: left;
+    margin-left: 23px;
+    font-size: 16px;
+    line-height: 28px;
+    *display: inline;
+    *zoom: 1
+}
+
+.mod-ct .tip .dec {
+    display: inline-block;
+    width: 22px;
+    height: 45px;
+    background: url("../images/wechat-pay.png") 0 -55px no-repeat;
+    position: absolute;
+    top: -23px
+}
+
+.mod-ct .tip .dec-left {
+    background-position: 0 -55px;
+    left: -136px
+}
+
+.mod-ct .tip .dec-right {
+    background-position: -25px -55px;
+    right: -136px
+}
+
+.foot {
+    text-align: center;
+    margin: 30px auto;
+    color: #888888;
+    font-size: 12px;
+    line-height: 20px;
+    font-family: "simsun"
+}
+
+.copyRight {
+    text-align: center;
+    color: #888888;
+    margin-bottom: 1px;
+}
+
+.copyRight a {
+    color: #888888;
+}
+
+h1 {
+    font-family: "微软雅黑";
+    font-size: 15px;
+    margin: 5px 0;
+    padding-bottom: 2px;
+    letter-spacing: 2px;
+}
+
+.time-item strong {
+    background: #3ec742;
+    color: #fff;
+    line-height: 25px;
+    font-size: 15px;
+    font-family: Arial;
+    padding: 0 10px;
+    margin-right: 10px;
+    border-radius: 5px;
+    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
+}
+
+.item-title {
+    background: none;
+    line-height: 25px;
+    font-size: 24px;
+    padding: 0 10px;
+    float: left;
+}
+
+.paybtn{
+    display: inline-block;
+    width: 100%;
+    height: 80px;
+    vertical-align: middle;
+    padding-top: 10%;
+    margin-right: 7px
+}
+
+
+.submit_alipay {
+    font-size:16px;
+    font-family:Arial;
+    font-weight:normal;
+    -moz-border-radius:5px;
+    -webkit-border-radius:5px;
+    border-radius:5px;
+    border:1px solid #84bbf3;
+    padding:9px 76px;
+    text-decoration:none;
+    background:-moz-linear-gradient( center top, #79bbff 105%, #378de5 0% );
+    background:-ms-linear-gradient( top, #79bbff 105%, #378de5 0% );
+    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5');
+    background:-webkit-gradient( linear, left top, left bottom, color-stop(105%, #79bbff), color-stop(0%, #378de5) );
+    background-color:#79bbff;
+    color:#ffffff;
+    display:inline-block;
+    text-shadow:1px 1px 0px #528ecc;
+    -webkit-box-shadow: 0px 0px 0px 0px #bbdaf7;
+    -moz-box-shadow: 0px 0px 0px 0px #bbdaf7;
+    box-shadow: 0px 0px 0px 0px #bbdaf7;
+}.submit_alipay:active {
+     position:relative;
+     top:1px;
+ }
+
+.btn {
+    display: inline-block;
+    padding: 6px 12px;
+    margin-bottom: 0;
+    font-size: 14px;
+    font-weight: normal;
+    line-height: 1.42857143;
+    text-align: center;
+    width:80%;
+    white-space: nowrap;
+    vertical-align: middle;
+    cursor: pointer;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    background-image: none;
+    border: 1px solid transparent;
+    border-radius: 4px;
+}
+.btn:focus,
+.btn:active:focus,
+.btn.active:focus {
+    outline: thin dotted;
+    outline: 5px auto -webkit-focus-ring-color;
+    outline-offset: -2px;
+}
+.btn:hover,
+.btn:focus {
+    color: #333;
+    text-decoration: none;
+}
+.btn:active,
+.btn.active {
+    background-image: none;
+    outline: 0;
+    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
+    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
+}
+.btn.disabled,
+.btn[disabled],
+fieldset[disabled] .btn {
+    pointer-events: none;
+    cursor: not-allowed;
+    filter: alpha(opacity=65);
+    -webkit-box-shadow: none;
+    box-shadow: none;
+    opacity: .65;
+}
+
+.btn-primary {
+    color: #fff;
+    background-color: #428bca;
+    border-color: #357ebd;
+}
+.btn-primary:hover,
+.btn-primary:focus,
+.btn-primary:active,
+.btn-primary.active,
+.open > .dropdown-toggle.btn-primary {
+    color: #fff;
+    background-color: #3071a9;
+    border-color: #285e8e;
+}
+.btn-primary:active,
+.btn-primary.active,
+.open > .dropdown-toggle.btn-primary {
+    background-image: none;
+}
+
+.btn-primary .badge {
+    color: #428bca;
+    background-color: #fff;
+}
+/* This css button was generated by css-button-generator.com */

shop/static/js/base.js

@@ -0,0 +1,43 @@
+/***************************************************
+ ** @Desc : This file for ...基本js
+ ** @Time : 2018-08-27 10:52:14
+ ** @Author : Joker
+ ** @File :
+ ** @Last Modified by : Joker
+ ** @Last Modified time: 2018-08-27 11:12:19
+ ** @Software: HBuilder
+ ****************************************************/
+
+/*限制只能选中一种支付方式*/
+$(function () {
+    $("input[name=SCAN]").click(function () {
+        $("input[name=WAP]").attr("checked", false);
+        $("input[name=WY]").attr("checked", false);
+        $("input[name=KJ]").attr("checked", false);
+        $("input[name=H5]").attr("checked", false);
+    });
+    $("input[name=WAP]").click(function () {
+        $("input[name=SCAN]").attr("checked", false);
+        $("input[name=WY]").attr("checked", false);
+        $("input[name=KJ]").attr("checked", false);
+        $("input[name=H5]").attr("checked", false);
+    });
+    $("input[name=WY]").click(function () {
+        $("input[name=WAP]").attr("checked", false);
+        $("input[name=SCAN]").attr("checked", false);
+        $("input[name=KJ]").attr("checked", false);
+        $("input[name=H5]").attr("checked", false);
+    });
+    $("input[name=KJ]").click(function () {
+        $("input[name=WAP]").attr("checked", false);
+        $("input[name=WY]").attr("checked", false);
+        $("input[name=SCAN]").attr("checked", false);
+        $("input[name=H5]").attr("checked", false);
+    });
+    $("input[name=H5]").click(function () {
+        $("input[name=WAP]").attr("checked", false);
+        $("input[name=WY]").attr("checked", false);
+        $("input[name=SCAN]").attr("checked", false);
+        $("input[name=KJ]").attr("checked", false);
+    });
+});

shop/static/js/jquery.cookie.min.js

@@ -0,0 +1,8 @@
+/*!
+ * jQuery Cookie Plugin v1.4.1
+ * https://github.com/carhartl/jquery-cookie
+ *
+ * Copyright 2013 Klaus Hartl
+ * Released under the MIT license
+ */
+(function(a){if(typeof define==="function"&&define.amd){define(["jquery"],a)}else{if(typeof exports==="object"){a(require("jquery"))}else{a(jQuery)}}}(function(f){var a=/\+/g;function d(i){return b.raw?i:encodeURIComponent(i)}function g(i){return b.raw?i:decodeURIComponent(i)}function h(i){return d(b.json?JSON.stringify(i):String(i))}function c(i){if(i.indexOf('"')===0){i=i.slice(1,-1).replace(/\\"/g,'"').replace(/\\\\/g,"\\")}try{i=decodeURIComponent(i.replace(a," "));return b.json?JSON.parse(i):i}catch(j){}}function e(j,i){var k=b.raw?j:c(j);return f.isFunction(i)?i(k):k}var b=f.cookie=function(q,p,v){if(p!==undefined&&!f.isFunction(p)){v=f.extend({},b.defaults,v);if(typeof v.expires==="number"){var r=v.expires,u=v.expires=new Date();u.setTime(+u+r*86400000)}return(document.cookie=[d(q),"=",h(p),v.expires?"; expires="+v.expires.toUTCString():"",v.path?"; path="+v.path:"",v.domain?"; domain="+v.domain:"",v.secure?"; secure":""].join(""))}var w=q?undefined:{};var s=document.cookie?document.cookie.split("; "):[];for(var o=0,m=s.length;o<m;o++){var n=s[o].split("=");var j=g(n.shift());var k=n.join("=");if(q&&q===j){w=e(k,p);break}if(!q&&(k=e(k))!==undefined){w[j]=k}}return w};b.defaults={};f.removeCookie=function(j,i){if(f.cookie(j)===undefined){return false}f.cookie(j,"",f.extend({},i,{expires:-1}));return !f.cookie(j)}}));