anyv / xkeasy · 提交

转到一个项目

作者 anyv
提交 05267ed2c3bb5376eba65f85d2d7543dc6edff71 1 个父辈 5bc3a8e0
1 个管道 的构建 通过 耗费 0 秒

5

内嵌 并排对比
正在显示 3 个修改的文件 包含 222 行增加 和 4 行删除
<?php
// +----------------------------------------------------------------------
// | bronet [ 以客户为中心 以奋斗者为本 ]
// +----------------------------------------------------------------------
// | Copyright (c) 2013-2017 http://www.bronet.cn All rights reserved.
// +----------------------------------------------------------------------
// | Licensed ( http://www.apache.org/licenses/LICENSE-2.0 )
// +----------------------------------------------------------------------
namespace app\portal\controller;
use cmf\controller\WeChatBaseController;
use think\Db;
class OrderpageController extends WeChatBaseController{
/**
* 显示订单页
*/
public function order_page(){
return $this -> fetch();
}
}
\ No newline at end of file
... ...
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>学考无忧-确认订单</title>
<link rel="stylesheet" href="__TMPL__/public/assets/css/reset.css">
<link rel="stylesheet" href="__TMPL__/public/assets/css/base.css">
<style>
.order_address {
padding-bottom: 0.26rem;
background-repeat: no-repeat;
background-image: url("__TMPL__/public/assets/images/32.png");
background-position: bottom;
background-size: 100% 0.06rem;
background-color: white;
}
</style>
</head>
<body>
<div class="order_box">
<!-- 顶部 -->
<div class="order_top">
<img src="__TMPL__/public/assets/images/left.png" alt="">
<p>订单确认</p>
</div>
<!-- 地址 -->
<div class="order_address">
<!-- 暂无 -->
<div class="order_addressNo">
<div class="order_adImg">
<img src="__TMPL__/public/assets/images/31.png" alt="">
</div>
<p class="order_addressGo">暂无收货地址，<a href="address_closed.html">去添加</a></p>
</div>
<!-- 有地址 -->
<!-- <div class="order_addressYes">
<div class="or_addressYesImg1">
<img src="img/38.png" alt="">
</div>
<div class="or_addressYesTxt1">
<div class="or_addressYesTxt2">
<div class="or_addressName">孙骁骁</div>
<p class="or_addressPhone">152 **** 4896</p>
</div>
<p class="or_address_detailed">天津市西青区红磡领事郡道开运大厦</p>
</div>
<div class="or_addressYesImg2">
<img src="img/29.png" alt="">
</div>
</div> -->
</div>
<!-- 订单信息 -->
<div class="order_news">
<h1 class="order_newsTit">订单信息</h1>
<ul class="order_newsUl">
<li>
<div class="order_newsImg">
<img src="__TMPL__/public/assets/images/36.png" alt="">
</div>
<div class="order_newsCon">
<div class="order_newsTxt1 txt-cut">小学五年级英语下册语五年级下册好用不贵经济实惠五年级下册好...</div>
<div class="order_newsTxt2">×<span>1</span></div>
<div class="order_newsTxt3">
<p class="de_topTxt1_1">￥<span>265.00</span></p>
<p class="de_topTxt1_2">￥<span>265</span>.00</p>
<div class="order_newsNum">
<div class="order_newsJian">-</div>
<input class="order_newsnum" type="text" readonly="readonly" value="1">
<div class="order_newsJia">+</div>
</div>
</div>
</div>
</li>
<li>
<div class="order_newsImg">
<img src="__TMPL__/public/assets/images/36.png" alt="">
</div>
<div class="order_newsCon">
<div class="order_newsTxt1 txt-cut">小学五年级英语下册语五年级下册好用不贵经济实惠五年级下册好...</div>
<div class="order_newsTxt2">×<span>0</span></div>
<div class="order_newsTxt3">
<p class="de_topTxt1_1">￥<span>265.40</span></p>
<p class="de_topTxt1_2">￥<span>265</span>.00</p>
<div class="order_newsNum">
<div class="order_newsJian">-</div>
<input class="order_newsnum" type="text" readonly="readonly" value="1">
<div class="order_newsJia">+</div>
</div>
</div>
</div>
</li>
</ul>
</div>
<!-- 支付方式/配送方式 -->
<div class="order_Etc">
<div class="order_Etc1">
<p class="order_EtcTxt">支付方式</p>
<img class="order_EtcImg" src="__TMPL__/public/assets/images/34.png" alt="">
</div>
<div class="order_Etc1">
<p class="order_EtcTxt">配送方式</p>
<span class="order_EtcTxt2">快递</span>
</div>
<div class="order_Etc2">
<p class="order_EtcTxt">配送方式</p>
<textarea placeholder="在此填写您的留言"></textarea>
</div>
</div>
<!-- 底部 -->
<div class="order_bottom">
<div class="order_bottom1">
<p class="order_bottomHe">合计金额：</p>
<p class="de_topTxt1_1 zoji">￥<span>265.00</span></p>
</div>
<div class="order_bottom2">
<a href="w_shopping_cart.html" style="color:white">
立即支付
</a>
</div>
</div>
</div>
<script src="__TMPL__/public/assets/js/base.js"></script>
<script src="__TMPL__/public/assets/js/jquery.js"></script>
<script>
$(document).ready(function() {
// 为减少和添加商品数量的按钮绑定事件回调
$('.order_newsNum div').on('click', function(evt) {
if ($(this).text() == '-') {
var count = parseInt($(this).next().val());
if (count > 1) {
count -= 1;
$(this).next().val(count);
} else {
alert('商品数量最少为1');
}
$(this).parents('.order_newsCon').find('.order_newsTxt2 span').text(count);
} else {
var count = parseInt($(this).prev().val());
if (count < 200) {
count += 1;
$(this).prev().val(count);
} else {
alert('商品数量最多为200');
}
$(this).parents('.order_newsCon').find('.order_newsTxt2 span').text(count);
}
var price = parseFloat($(this).parents('.order_newsTxt3').children('.de_topTxt1_1').text().split('￥')[1]);
calcTotal();
});
// 计算总计
function calcTotal() {
var priceSpans = $('.order_newsTxt3 .de_topTxt1_1 span');
var countInputs = $('.order_newsNum .order_newsnum');
var totalCount = 0;
var totalPrice = 0;
for (var i = 0; i < priceSpans.length; i += 1) {
// 强调: jQuery对象使用下标运算或get方法会还原成原生的JavaScript对象
var price = parseFloat($(priceSpans[i]).text());
var count = parseInt($(countInputs[i]).val());
totalCount += count;
totalPrice += price * count;
}
$('.zoji span').html(totalPrice.toFixed(2));
}
})
</script>
</body>
</html>
\ No newline at end of file
... ...
... ... @@ -62,10 +62,8 @@
</div>
<!-- 去支付 -->
<div class="shop_carts3">
<a href="w_Ypayment.html" style="color:white;">
去支付
</a>
<div class="shop_carts3" onclick="myjump()">
去支付
</div>
</div>
</div>
... ... @@ -130,6 +128,13 @@
});
}
/**
*点击跳转到订单页
*/
function myjump(){
window.location.href = "{:url('Orderpage/order_page')}";
}
// 计算总计
function calcTotal() {
var checkBoxes = $(".sh_cartround img");
... ...