wuhui_zzw
/
wyyl
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

购物车交互

This commit is contained in:
pushuo 2022-07-29 17:35:21 +08:00
parent 5b66c075a6
commit 7976bb7d3a
3 changed files with 13 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
public/build/beike/shop/default/js/app.js vendored
View File

@ -2492,6 +2492,8 @@ $(document).ready(function ($) {
var cartId = $(this).data('id'); var cartId = $(this).data('id');
$http["delete"]("/carts/".concat(cartId)).then(function (res) { $http["delete"]("/carts/".concat(cartId)).then(function (res) {
$this.parents('.product-list').remove(); $this.parents('.product-list').remove();
$('.offcanvas-right-cart-count').html(res.data.quantity);
$('.offcanvas-right-cart-amount').html(res.data.amount_format);
}); });
}); });
$(document).on('click', '.quantity-wrap .right i', function (event) { $(document).on('click', '.quantity-wrap .right i', function (event) {
@ -2570,7 +2572,7 @@ bk.getCarts = function () {
if (res.data.carts.length) { if (res.data.carts.length) {
$('.navbar-icon-link-badge').html(res.data.carts.length > 99 ? '99+' : res.data.carts.length).show(); $('.navbar-icon-link-badge').html(res.data.carts.length > 99 ? '99+' : res.data.carts.length).show();
$('.offcanvas-right-cart-count').html(res.data.carts.length); $('.offcanvas-right-cart-count').html(res.data.quantity);
var html = ''; var html = '';
res.data.carts.forEach(function (e) { res.data.carts.forEach(function (e) {
html += '<div class="product-list d-flex align-items-center">'; html += '<div class="product-list d-flex align-items-center">';
@ -2578,7 +2580,7 @@ bk.getCarts = function () {
html += '<div class="right flex-grow-1">'; html += '<div class="right flex-grow-1">';
html += "<div class=\"name fs-sm fw-bold mb-2\">".concat(e.name, "</div>"); html += "<div class=\"name fs-sm fw-bold mb-2\">".concat(e.name, "</div>");
html += '<div class="product-bottom d-flex justify-content-between align-items-center">'; html += '<div class="product-bottom d-flex justify-content-between align-items-center">';
html += "<div class=\"price\">".concat(e.price_format, "</div>"); html += "<div class=\"price\">".concat(e.price_format, " <span class=\"text-muted\">x ").concat(e.quantity, "<span></div>");
html += "<span class=\"offcanvas-products-delete\" data-id=\"".concat(e.cart_id, "\"><i class=\"bi bi-x-lg\"></i> \u5220\u9664</span>"); html += "<span class=\"offcanvas-products-delete\" data-id=\"".concat(e.cart_id, "\"><i class=\"bi bi-x-lg\"></i> \u5220\u9664</span>");
html += '</div>'; html += '</div>';
html += '</div>'; html += '</div>';

11
resources/beike/admin/views/pages/home.blade.php
View File

@ -111,24 +111,23 @@
labels: ['新注册', '最近访问', '活跃用户', '近期下单'], labels: ['新注册', '最近访问', '活跃用户', '近期下单'],
datasets: [{ datasets: [{
label: '# of Votes', label: '# of Votes',
data: [112, 19, 3, 5, 2, 3], data: [12, 19, 3, 5],
// borderRadius: 5, // borderRadius: 5,
borderWidth: 2,
backgroundColor: [ backgroundColor: [
'rgba(255, 99, 132, 0.2)', 'rgba(255, 99, 132, 0.2)',
'rgba(54, 162, 235, 0.2)', 'rgba(54, 162, 235, 0.2)',
'rgba(255, 206, 86, 0.2)', 'rgba(255, 206, 86, 0.2)',
'rgba(75, 192, 192, 0.2)', 'rgba(75, 192, 192, 0.2)',
'rgba(153, 102, 255, 0.2)', // 'rgba(153, 102, 255, 0.2)',
'rgba(255, 159, 64, 0.2)' // 'rgba(255, 159, 64, 0.2)'
], ],
borderColor: [ borderColor: [
'rgba(255, 99, 132, 1)', 'rgba(255, 99, 132, 1)',
'rgba(54, 162, 235, 1)', 'rgba(54, 162, 235, 1)',
'rgba(255, 206, 86, 1)', 'rgba(255, 206, 86, 1)',
'rgba(75, 192, 192, 1)', 'rgba(75, 192, 192, 1)',
'rgba(153, 102, 255, 1)', // 'rgba(153, 102, 255, 1)',
'rgba(255, 159, 64, 1)' // 'rgba(255, 159, 64, 1)'
], ],
borderWidth: 1 borderWidth: 1
}] }]

6
resources/beike/shop/default/js/app.js vendored
View File

@ -19,6 +19,8 @@ $(document).ready(function ($) {
$http.delete(`/carts/${cartId}`).then((res) => { $http.delete(`/carts/${cartId}`).then((res) => {
$this.parents('.product-list').remove() $this.parents('.product-list').remove()
$('.offcanvas-right-cart-count').html(res.data.quantity);
$('.offcanvas-right-cart-amount').html(res.data.amount_format);
}) })
}) })
@ -87,7 +89,7 @@ bk.getCarts = function () {
if (res.data.carts.length) { if (res.data.carts.length) {
$('.navbar-icon-link-badge').html(res.data.carts.length > 99 ? '99+' : res.data.carts.length).show(); $('.navbar-icon-link-badge').html(res.data.carts.length > 99 ? '99+' : res.data.carts.length).show();
$('.offcanvas-right-cart-count').html(res.data.carts.length); $('.offcanvas-right-cart-count').html(res.data.quantity);
let html = ''; let html = '';
res.data.carts.forEach(e => { res.data.carts.forEach(e => {
@ -96,7 +98,7 @@ bk.getCarts = function () {
html += '<div class="right flex-grow-1">'; html += '<div class="right flex-grow-1">';
html += `<div class="name fs-sm fw-bold mb-2">${e.name}</div>`; html += `<div class="name fs-sm fw-bold mb-2">${e.name}</div>`;
html += '<div class="product-bottom d-flex justify-content-between align-items-center">'; html += '<div class="product-bottom d-flex justify-content-between align-items-center">';
html += `<div class="price">${e.price_format}</div>`; html += `<div class="price">${e.price_format} <span class="text-muted">x ${e.quantity}<span></div>`;
html += `<span class="offcanvas-products-delete" data-id="${e.cart_id}"><i class="bi bi-x-lg"></i> 删除</span>`; html += `<span class="offcanvas-products-delete" data-id="${e.cart_id}"><i class="bi bi-x-lg"></i> 删除</span>`;
html += '</div>'; html += '</div>';
html += '</div>'; html += '</div>';