CINXE.COM
我的购物车 | 中国矿业大学出版社
<!DOCTYPE html> <html> <head> <meta property="qc:admins" content="15602664176350736375" /> <meta property="wb:webmaster" content="387cbc64f55403a2" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" /> <meta http-equiv="X-UA-Compatible" content="IE=9" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="keywords" content=""> <meta name="description" content=""> <link rel="icon" href="/images/favicon.ico"/> <title>我的购物车 | 中国矿业大学出版社</title> <meta name="heading" content="中国矿业大学出版社"/> <link rel="shortcut icon" href="/images/favicon.ico"> <meta name="menu" content="home"/> <!-- mobile settings --> <meta name="viewport" content="width=device-width, maximum-scale=1, initial-scale=1, user-scalable=0"/> <link rel="stylesheet" href="http://apps.bdimg.com/libs/bootstrap/3.3.4/css/bootstrap.min.css"> <link rel="stylesheet" href="http://apps.bdimg.com/libs/fontawesome/4.4.0/css/font-awesome.min.css"> <link href="/resource/common/scripts/bootstrapvalidator-0.53/dist/css/bootstrapValidator.min.css" rel="stylesheet"> <!-- CORE CSS --> <link href="/resource/common/smarty/assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/> <!-- REVOLUTION SLIDER --> <link href="/resource/common/smarty/assets/plugins/slider.revolution/css/extralayers.css" rel="stylesheet" type="text/css"/> <link href="/resource/common/smarty/assets/plugins/slider.revolution/css/settings.css" rel="stylesheet" type="text/css"/> <!-- THEME CSS --> <link href="/a/resource/styles/simplicity-cumtp/essentials.css" rel="stylesheet" type="text/css"/> <link href="/a/resource/styles/simplicity-cumtp/layout.css" rel="stylesheet" type="text/css"/> <!-- PAGE LEVEL SCRIPTS --> <link href="/a/resource/styles/simplicity-cumtp/header-1.css" rel="stylesheet" type="text/css" /> <link href="/resource/common/smarty/assets/css/color_scheme/darkblue.css" rel="stylesheet" type="text/css" id="color_scheme" /> <link href="/a/resource/styles/simplicity-cumtp/cumtp.css" rel="stylesheet" type="text/css" /> <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> <script src="http://apps.bdimg.com/libs/bootstrap/3.3.4/js/bootstrap.min.js"></script> <script src="/resource/common/scripts/plugins/stickUp/stickUp.js"></script> <link href="/a/resource/styles/simplicity-cumtp/layout-shop.css" rel="stylesheet" type="text/css"/> <style type="text/css"> ul.process-steps li:after, ul.process-steps li:before { /*border-top: 1px dashed #444;*/ } .itemNumber{ padding-left: 10px; } </style> <script type="text/javascript"> var isAuthenticatedToken = false; function isAuthenticated(){ return isAuthenticatedToken; } </script> <style type="text/css"> #header{ background: #2c3e50; } #header li.quick-cart .quick-cart-box h4{ color: #ffffff; } #topMain.nav-pills>li.active>a{ color: #ffffff; font-weight:bold; } #topMain.nav-pills>li>a{ color: #ffffff; min-width: 96px; font-family: "Microsoft Yahei", "微软雅黑", "宋体", "新宋体", "黑体", STHeiti; } #topMain.nav-pills>li:hover>a, #topMain.nav-pills>li:focus>a{ color: #ffffff; background: #3c556e; } #topNav div.submenu-dark ul.dropdown-menu{ background: #3c556e; } #header li.search i.fa{ color: #ffffff; } #header ul.nav-second-main li i{ color: #ffffff; } #header li.quick-cart .quick-cart-box h4{ color: #444; } .container{ /*background: #ffffff;*/ } </style> </head> <body class="smoothscroll enable-animation"> <div id="wrapper"> <div> <style type="text/css"> .user-menus li{ width: 100px; } #header ul.nav-second-main{ margin-top: 14px; } .quick-cart a.quick-cart-link{ margin-top: 5px; margin-left: 10px; padding: 5px 10px; /*background: #fefefe;*/ color: #ffffff; } .quick-cart a.quick-cart-link:hover, .quick-cart a.quick-cart-link:focus{ background: none; color: #dddddd; } </style> <div id="topBar"> <div class="container"> <!-- right --> <ul class="top-links list-inline pull-right"> <li class="hidden-xs"><a href="/login.html"><i class="fa fa-user" style="font-size: 13px;"></i> 登录</a></li> <!--li class="hidden-xs"><a href="javascript:void(0);" onclick="logon();"><i class="fa fa-user" style="font-size: 13px;"></i> 登录</a></li--> <li class="hidden-xs"><a href="/signup.html"><i class="fa fa-tv" style="font-size: 13px;"></i> 注册</a></li> </ul> </div> <div class="border-top block clearfix"> <div class="container"> <!-- Logo --> <a class="logo has-banner pull-left text-center-md" href="/index.html"> <img src="/images/cumtp.com/logo.png" alt="" style="max-height: 60px;"/> <img src="/images/cumtp.com/logo-name.png" alt="left" style="max-height: 80px; margin-top: 10px;"/> </a> <!--a class="banner pull-right hidden-sm hidden-xs" href="/mall"> <p><img src="/ueditor/jsp/upload/image/20170518/1495093348524004889.bmp" title="1495093348524004889.bmp" alt="1495093348524004889.bmp" width="264" height="80" border="0" vspace="0" style="width: 264px; height: 80px;"/></p> </a--> </div> </div> </div> <!-- Top Bar --> <div id="header" class="sticky clearfix"> <!-- TOP NAV --> <header id="topNav"> <div class="container"> <!-- Mobile Menu Button --> <button class="btn btn-mobile" data-toggle="collapse" data-target=".nav-main-collapse"> <i class="fa fa-bars"></i> </button> <!-- BUTTONS --> <ul class="pull-right nav nav-pills" style="width: 360px;"> <!-- SEARCH --> <li class="search margin-top-10"> <form action="/search"> <div class="pull-left"> <input type="text" name="q" placeholder=" 搜索" class="" style="width: 160px; height: 30px;" /> </div> <button type="submit" class="btn btn-primary btn-sm pull-left" style="margin-left: 5px;"> 搜索 </button> <button type="submit" class="btn btn-default btn-sm pull-left" name="action" value="books" style="padding: 4px 5px; margin-left: 5px;"> 图书搜索 </button> </form> </li> <!-- /SEARCH --> <!-- QUICK SHOP CART --> <!--li class="quick-cart"> <a class="quick-cart-link" href="#"> <span id="shop_cart_num" class="badge badge-aqua btn-xs badge-corner"> 0 </span> <i class="fa fa-shopping-cart fa-2x"></i> </a> <div class="quick-cart-box" style="top:10px;"> <h4>购物车</h4> <div id="shop_base_cart_area"> </div> </div> </li--> <!-- /QUICK SHOP CART --> </ul> <!-- /BUTTONS --> <!-- Top Nav navbar-collapse pull-left nav-main-collapse collapse nopadding-left nopadding-right navbar-collapse pull-right nav-main-collapse collapse submenu-dark AVAILABLE CLASSES: submenu-dark = dark sub menu --> <div class="navbar-collapse pull-left nav-main-collapse collapse nopadding-left nopadding-right submenu-dark"> <nav class="nav-main"> <!-- NOTE For a regular link, remove "dropdown" class from LI tag and "dropdown-toggle" class from the href. Direct Link Example: <li> <a href="#">HOME</a> </li> --> <ul id="topMain" class="nav nav-pills nav-main"> <li class="dropdown active"><!-- HOME --> <a href="/index.html"> <i class="fa fa-th-large"></i> 首页 </a> </li> <li class="dropdown"><!-- PAGES --> <a class="dropdown-toggle" href="/aboutus"> 本社概况 </a> <ul class="dropdown-menu"> <li><a href="/aboutus">本社简介</a></li> <li><a href="/aboutus/c-191211">社委会简介</a></li> <li><a href="/aboutus/qywh">企业文化</a></li> <li><a href="/aboutus/medal-books">获奖图书一览</a></li> <li><a href="/aboutus/c-110">优秀校友学术专著丛书</a></li> <li><a href="/aboutus/c-111">矿大文化丛书</a></li> </ul> </li> <li class="dropdown"><!-- FEATURES --> <a class="dropdown-toggle" href="/news"> 新闻资讯 </a> <ul class="dropdown-menu"> <li> <a href="/news.html?cat=news-institution"> 社内新闻 </a> </li> <!--li> <a href="/news.html?cat=news-books"> 基层组织 </a> </li> <li> <a href="/news.html?cat=news-community"> 学习园地 </a> </li> <li> <a href="/news.html?cat=news-other"> 党风廉政 </a> </li--> <li> <a href="/news.html?cat=news-latest-book"> 最新书讯 </a> </li> </ul> </li> <li class="dropdown"><!-- PORTFOLIO --> <a class="dropdown-toggle" href="/mall"> 图书中心 </a> <ul class="dropdown-menu"> <li> <a href="/mall"> 图书中心 </a> </li> <li> <a href="/mall/list/sale-latest"> 上架新书 </a> </li> <li> <a href="/mall/list/sale-ebooks"> 电子书 </a> </li> <li> <a href="/mall/list/sale-editor-recommendation"> 编辑推荐 </a> </li> <li> <a href="/mall/list/sale-excellent"> 精品图书 </a> </li> <li> <a href="/mall/list"> 图书大全 </a> </li> </ul> </li> <li class="dropdown"><!-- BLOG --> <a class="dropdown-toggle" href="/download"> 资源下载 </a> <ul class="dropdown-menu"> <li> <a href="/download?cat=resource-inventory"> 图书目录 </a> </li> <li> <a href="/download?cat=resource-materials"> 电子课件 </a> </li> <li> <a href="/download?cat=resource-video"> 视频资料 </a> </li> <li> <a href="/download?cat=resource-others"> 其他资料 </a> </li> </ul> </li> <li class="dropdown"><!-- FEATURES --> <a class="dropdown-toggle" href="/news.html?cat=news-books"> 党建工作 </a> <ul class="dropdown-menu"> <li> <a href="/news.html?cat=news-books"> 基层组织 </a> </li> <li> <a href="/news.html?cat=news-community"> 学习园地 </a> </li> <li> <a href="/news.html?cat=news-other"> 党风廉政 </a> </li> </ul> </li> <!--li class="dropdown"><!-- SHOP > <a class="dropdown-toggle" href="/online-education"> 党建工作 </a> <ul class="dropdown-menu"> <li> <a href="/online-education"> 党建工作 </a> </li> <li> <a href="/online-education/mooc"> 学习园地 </a> </li> <li> <a href="/online-education/dflz"> 党风廉政 </a> </li> </ul> </li--> <li class="dropdown"><!-- SHORTCODES --> <a class="dropdown-toggle" href="/readership"> 读者服务 </a> <ul class="dropdown-menu"> <li> <a href="/readership/shopping-need-to-know">购书指南</a> </li> <li> <a href="/download">书目信息</a> </li> <li> <a href="/agent">分销商名录</a> </li> <li> <a href="/readership/suggest">留言建议</a> </li> <!--li> <a href="/readership/order-book">预约订货</a> </li--> <li><a href="/readership/contribute">投稿须知</a></li> </ul> </li> <li class="dropdown"><!-- PORTFOLIO --> <a class="dropdown-toggle" href="/department/higher-education"> 部门设置 </a> <ul class="dropdown-menu"> <li> <a href="/department/vocational-education"> 教材编辑出版中心（一） </a> </li> <li> <a href="/department/higher-education"> 教材编辑出版中心（二） </a> </li> <li> <a href="/department/safety-education"> 煤炭教育编辑出版中心 </a> </li> <li> <a href="/department/staff-education"> 安全教育编辑出版中心 </a> </li> <li> <a href="/department/social-science"> 人文社科编辑出版中心 </a> </li> <li> <a href="/department/digital-publishing"> 融合出版中心 </a> </li> <li> <a href="/department/marketing"> 营销部 </a> </li> <li> <a href="/department/introduction"> 职能部门 </a> </li> </ul> </li> </ul> </nav> </div> </div> </header> <!-- /Top Nav --> </div> <script id="cart_base_info_view" type="text/html"> <div class="quick-cart-wrapper"> {{each items as value i}} <a href="#"><!-- cart item --> <img src="{{value.img}}" width="45" height="45" alt="" /> <h6><span>{{value.num}}x</span> {{value.name}}</h6> <small>{{value.price}}元</small> </a> {{/each}}<!-- /cart item --> </div> <div class="quick-cart-footer clearfix"> <a href="/mycart/index" class="btn btn-primary btn-xs pull-right">进入购物车</a> <span class="pull-left"><strong>合计:</strong> {{totalPrc}}元</span> </div> </script> <script type="text/javascript"> $(document).ready(function () { getShopCartBaseInfo(); }); function getShopCartBaseInfo() { $.ajax({ url:'/mycart/list', dataType:'json', success:function(data){ if(data.flag=="1"){ var html = template('cart_base_info_view', data.data); $("#shop_base_cart_area").html(html); if(data.data&&data.data.totalNum){ $("#shop_cart_num").html(data.data.totalNum); }else{ $("#shop_cart_num").html("0"); } } } }); } </script> </div> <div> <section class="noborder margin-bottom-0 padding-bottom-0"> <div class="container"> <div class="row"> <div class="col-lg-6 col-lg-push-3"> <div> <ul class="process-steps nav nav-justified"> <li class="active"> <a href="javascript:void(0);">1</a> <h5>购物车</h5> </li> <li> <a href="javascript:void(0);">2</a> <h5>提交订单</h5> </li> <li> <a href="javascript:void(0);">4</a> <h5>支付</h5> </li> <li> <a href="javascript:void(0);">5</a> <h5>完成</h5> </li> </ul> </div> </div> </div> <div class="row"> <div class="col-lg-12"> <div class="pull-right"><a href="/mall" rel="nofollow" target="_blank" class="btn btn-default btn-sm">继续浏览其他商品</a> </div> <ul class="nav nav-tabs nav-top-border"> <li class="active"><a href="#home" data-toggle="tab"><i class="fa fa-shopping-cart"></i> 我的购物车</a></li> </ul> <div class="tab-content"> <div class="tab-pane fade in active" id="home"> 请选择商品进行结算！ </div> </div> </div> </div> </div> </section> <section> <div class="container"> <!-- CART --> <div class="row"> <!-- LEFT --> <div class="col-lg-12 col-sm-12"> <!-- CART --> <form class="cartContent clearfix" method="post" action="#"> <!-- cart content --> <div id="cartContent"> <div style="border-bottom: 5px solid #eaeaea;"> <table class="table table-striped table-hover margin-0" style="margin-bottom: 0;"> <colgroup> <col width="50" style="text-align: center;"/> <col/> <col width="200"/> <col width="100"/> <col width="80"/> </colgroup> <tr> <th> <input onclick="checkAll(this)" type="checkbox"/> </th> <th> 商品 </th> <th> 数量 </th> <th> 小计 </th> <th> </th> </tr> </table> </div> <div class="toggle-transparent toggle-bordered-full clearfix pull-right" style="min-width: 400px;"> <div class="toggle active"> <div class="toggle-content"> <span class="clearfix"> <span class="pull-right"><span id="totalPrc"></span>元</span> <strong class="pull-left">总计:</strong> </span> <span class="clearfix"> <span class="pull-right">0.00元</span> <span class="pull-left">物流:</span> </span> <hr/> <span class="clearfix"> <span class="pull-right size-20"><span id="payTotalPrc"></span>元</span> <strong class="pull-left">合计:</strong> </span> <hr/> <a href="javascript:void(0)" onclick="settlement()" class="btn btn-primary btn-lg btn-block size-15"><i class="fa fa-mail-forward"></i> 结算</a> </div> </div> </div> <a href="javascript:void(0)" onclick="delSelloffer()" class="btn btn-danger btn-sm margin-top-10 margin-right-10"><i class="fa fa-trash"></i> 删除</a> <div class="clearfix"></div> </div> <!-- /cart content --> </form> <!-- /CART --> </div> </div> <!-- /CART --> </div> </section> <script type="text/javascript"> var ids = []; var originalInputValue = 0; //initiating jQuery $(document).ready(function () { //enabling stickUp on the '.navbar-wrapper' class $("#cartContent td ").on("change","input[type='checkbox']",function () { const skuId = $(this).data("id"); const selectFlag = $(this).is(':checked')?"1":"0"; $.ajax({ url:'/mycart/selectItem', data:{'skuId':skuId,"selectFlag":selectFlag}, dataType:'json', success:function(data){ if(data.flag=="1"){ const cartData = data.data; if(cartData){ $("#totalPrc").html(cartData.totalPrc); $("#payTotalPrc").html(cartData.payTotalPrc); } getShopCartBaseInfo(); }else{ toastError("选中或取消购物车商品失败"); } } }) }) }); function deleteSellofferFromCart(ids) { $.ajax({ url:'/mycart/delete', data:{'skuIds':ids}, dataType:'json', success:function(data){ if(data.flag=="1"){ getShopCartBaseInfo(); $.each(ids,function (i,v) { $("#sku_"+v).remove(); }); $("#totalPrc").html(data.data.totalPrc); $("#payTotalPrc").html(data.data.payTotalPrc); toastSuccess("移除商品成功", "您已成功从购物车中移除该商品！","toast-top-right"); }else{ toastError("从购物车移除商品失败"); } } }) } function checkAll(obj){ $("#cartContent input[type='checkbox']").prop('checked', $(obj).prop('checked')); } function delSelloffer() { ids.splice(0,ids.length); var allCheck = $("input[id^='checkbox_']"); $.each(allCheck,function (i,v) { if($(v).is(':checked')){ var id = $(v).attr("id").split("checkbox_")[1]; ids.splice(ids.length,0,id); } }); deleteSellofferFromCart(ids); } //商品数量输入框获取焦点时保存商品缩量到临时数据中 function saveNumFocus(currentElement) { originalInputValue = $(currentElement).val(); } //改变购物车商品数量 function changeNumBySelloffer(currentElement,skuId) { var _this = $(currentElement); var currentNum = _this.val(); if(!currentNum){ _this.val(originalInputValue); return; } //将当前商品设置为选中状态 var aaa = $("#sku_"+skuId).find(":checkbox"); $(aaa).prop("checked",true); var priceElement = _this.parent().next(); $.ajax({ url:'/mycart/changeNum', data:{'skuId':skuId,'num':currentNum}, dataType:'json', success:function(data){ if(data.flag=="1"){ if(data.num != currentNum){ _this.val(data.num); } priceElement.html(data.currentPrc); $("#totalPrc").html(data.data.totalPrc); $("#payTotalPrc").html(data.data.payTotalPrc); getShopCartBaseInfo(); }else{ _this.val(originalInputValue); } } }) } //结算 function settlement() { var hasSelected = false; var allCheck = $("input[id^='checkbox_']"); $.each(allCheck,function (i,v) { if($(v).is(':checked')){ hasSelected = true; return false; } }); if(!hasSelected){ toastInfo("您还未选择商品，请添加新的商品到购物车中！"); return false; } $.ajax({ url:'/mycart/settlement', dataType:'json', success:function(data){ if(data.flag == "0"){ toastInfo("您还未选择商品，请添加新的商品到购物车中！"); }else if(data.flag == "-1"){ $(".button-login").attr("data-url","/checkout"); logon(); }else if(data.flag == "1"){ window.location.href="/checkout"; } } }); } </script> </div> <a href="#" id="toTop"></a> <div class="clearfix"> <style type="text/css"> #footer address .footer-sprite { padding-left: 0; } small { font-family: "Microsoft Yahei", "微软雅黑", "宋体", "新宋体", "黑体", STHeiti; } ul.column li{ list-style:none; float:left; height:40px; margin-left:30px; } </style> <footer id="footer"> <div class="container"> <div class="col-md-12"> <div class="col-md-6"> <h4 class="letter-spacing-1">联系我们</h4> <address> <div class="row"> <ul class="list-unstyled"> <li class="margin-top-10"> <i class="fa fa-map-marker"></i> 江苏省徐州市解放南路269号中国矿业大学文昌校区 </li> <li class="margin-top-10"> <i class="fa fa-envelope"></i> <a href="mailto:cumtpvip@cumtp.com">cumtpvip@cumtp.com</a> <i class="fa fa-chain"></i>邮编:221008 </li> <li class="margin-top-10"> <i class="fa fa-phone"></i> 社营销部：0516-83884103 <i class="fa fa-phone"></i> 数字出版部：0516-83995801 </li> <li class="margin-top-10"> <i class="fa fa-fax"></i>传真: 0516 - 83885767 </li> </ul> </div> </address> </div> <div class="col-md-3"> <h4 class="letter-spacing-1">相关网站链接</h4> <ul class="list-unstyled"> <li class="margin-top-10"> <a href="https://www.mem.gov.cn/">中华人民共和国应急管理部 </a> </li> <li class="margin-top-10"> <a href="http://www.nppa.gov.cn/">国家新闻出版署 </a> </li> <li class="margin-top-10"> <a href="http://www.jssxwcbj.gov.cn/?HPPROTID=24197449">江苏省新闻出版局 </a> </li> <li class="margin-top-10"> <a href="http://www.cumt.edu.cn">中国矿业大学 </a> </li> </ul> </div> <div class="col-md-3 text-right"> <!-- Newsletter Form --> <h4 class="letter-spacing-1">关注我们</h4> <div class="row"> <p><img src="/ueditor/jsp/upload/image/20170615/1497499268867072659.jpg" title="1497499268867072659.jpg" alt="1497499268867072659.jpg" width="120" height="120" border="0" vspace="0" style="width: 120px; height: 120px;"/> <img src="/ueditor/jsp/upload/image/20170615/1497499278085051692.png" title="1497499278085051692.png" alt="1497499278085051692.png" width="120" height="120" border="0" vspace="0" style="width: 120px; height: 120px;"/></p> </div> </div> </div> </div> <div class="copyright"> <div class="container"> <div class="row"> <div class="col-lg-12 text-center"> <ul class="list-inline mobile-block" style="margin: 0 auto;"> <li><a href="/aboutus">网站声明</a></li> <li>•</li> <li><a href="/mall">图书商城</a></li> <li>•</li> <li><a href="/download">资源下载</a></li> <li>•</li> <li><a href="/agent">经销商服务</a></li> <li>•</li> <li><a href="/aboutus/jingyingzhengzhao.html" target="_blank">经营证照</a></li> <li>•</li> <li> <img src="/images/cumtp.com/qualification01.png" style="max-height: 20px;"/> <a href="http://odr.jsdsgsxt.gov.cn:8081/mbm/entweb/elec/certView.shtml?siteId=a863200ca681422aaf3f1bf6b19a3eb6" target="_blank">工商网监</a> </li> </ul> </div> </div> <div class="row margin-top-10"> <div class="col-lg-12 text-center"> <ul class="list-unstyled" style="margin: 0 auto;"> <li> 版权所有 ©2016 中国矿业大学出版社有限责任公司 ICP备案 <a href="https://beian.miit.gov.cn/#/Integrated/recordQuery">苏ICP备11031048号-1</a> </li> </ul> </div> </div> </div> </div> </footer> </div> </div> <div class="modal fade" id="logonModal" tabindex="-1" role="dialog" aria-labelledby="logonModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true"> × </button> <h4 class="modal-title"> 登陆 </h4> </div> <div class="modal-body"> <div class="row"> <div class="col-lg-10 col-lg-offset-1 margin-top-20"> <form id="loginForm" class="form-horizontal" style="border-width: 0;"> <input type="hidden" name="loginType" value="silent"/> <div class="form-group login-hint hidden"> <div class="col-lg-12"> <div style="padding: 5px; color: #B22222;"> <span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span> 账号或密码错误！ </div> </div> </div> <div class="form-group"> <div class="col-lg-12"> <div class="input-group"> <input type="text" id="j_username" name="j_username" placeholder="电子邮件地址" autocomplete="off" class="form-control"> <div class="input-group-addon" style="border-right: #ddd 2px solid;"><i class="fa fa-user fa-fw"></i></div> </div> </div> </div> <div class="form-group"> <div class="col-lg-12"> <div class="input-group"> <input type="text" id="j_password" name="j_password" placeholder="账号密码" autocomplete="off" class="form-control" onfocus="this.type='password';"> <div class="input-group-addon" style="border-right: #ddd 2px solid;"><i class="fa fa-lock fa-fw"></i></div> </div> </div> </div> <div class="form-group margin-top-20"> <div class="col-lg-12"> <button type="button" class="text-center btn btn-primary btn-block nomargin button-login"/> 登陆 </button> </div> <div class="col-xs-12 margin-top-10 text-right"> 忘记密码，<a href="#" data-toggle="modal" data-target="#termsModal" style="text-decoration: underline;">取回密码</a> </div> <div class="col-xs-12 margin-top-10 text-right"> 没有账号，<a href="/signup" style="text-decoration: underline;">注册账号</a> </div> </div> <div class="form-group"> <div class="col-lg-12 text-left"> – <b>社交账号登陆</b> – </div> </div> <div class="form-group"> <div class="col-xs-12 socials text-left"><!-- more buttons: ui-buttons.html --> <a href="/qq/login" class="social-icon social-facebook" data-toggle="tooltip" data-placement="top" title="QQ"> <i class="icon-qq"></i> <i class="icon-qq"></i> </a> <a href="/wechat/login" class="social-icon social-twitter" data-toggle="tooltip" data-placement="top" title="微信"> <i class="icon-weixin"></i> <i class="icon-weixin"></i> </a> </div> </div> </form> </div> </div> </div> </div><!-- /.modal-content --> </div><!-- /.modal --> </div> <script type="text/javascript" src="/resource/common/scripts/bootstrapvalidator-0.53/dist/js/bootstrapValidator.min.js"></script> <!-- JAVASCRIPT FILES --> <script type="text/javascript">var plugin_path = '/resource/common/smarty/assets/plugins/';</script> <script type="text/javascript" src="/resource/common/smarty/assets/js/scripts.js"></script> <script type="text/javascript" src="/resource/common/smarty/assets/plugins/slider.revolution/js/jquery.themepunch.tools.min.js"></script> <script type="text/javascript" src="/resource/common/smarty/assets/plugins/slider.revolution/js/jquery.themepunch.revolution.min.js"></script> <script type="text/javascript" src="/resource/common/smarty/assets/js/view/demo.revolution_slider.js"></script> <script type="text/javascript" src="/a/resource/scripts/logon.js"></script> <!-- Toastr --> <script src="/resource/common/scripts/plugins/toastr/toastr.min.js"></script> <script type="text/javascript" src="/resource/common/scripts/artTemplate/template.js"></script> <script type="text/javascript"> $(document).ready(function(){ toastr.options = { "closeButton": true, "debug": false, "progressBar": true, "preventDuplicates": false, "positionClass": "toast-top-center", "showDuration": "400", "hideDuration": "1000", "timeOut": "7000", "extendedTimeOut": "1000", "showEasing": "swing", "hideEasing": "linear", "showMethod": "fadeIn", "hideMethod": "fadeOut" }; }); function toastSuccess(title, message, direction){ if(direction){ toastr.options.positionClass = direction; } var $toast = toastr["success"](message, title); } function toastError(title, message, direction){ if(direction){ toastr.options.positionClass = direction; } var $toast = toastr["error"](message, title); } function toastWarning(title, message, direction){ if(direction){ toastr.options.positionClass = direction; } var $toast = toastr["warning"](message, title); } function toastInfo(title, message, direction){ if(direction){ toastr.options.positionClass = direction; } var $toast = toastr["info"](message, title); } </script> </body> </html>