async function loadCart() {
try {
const response = await api
.getCart();
const cartItems = response
.data;
const emptyMessage = document
.getElementById('empty-cart-message');
const cart
Table = document
.getElementById('cart-items-
table');
const cartActions = document
.getElementById('cart-actions');
if (cartItems
.length === 0) {
emptyMessage
.style.display = 'block';
cart
Table.style.display = '
none';
cartActions
.style.display = '
none';
return;
}
emptyMessage
.style.display = '
none';
cart
Table.style.display = '
table';
cartActions
.style.display = 'block';
const tbody = document
.getElementById('cart-items-body');
tbody
.innerHTML = '';
let total = 0;
cartItems
.forEach(item => {
const subtotal = item
.quantity * item
.product
.price;
total += subtotal;
const row = document
.createElement('
tr');
row
.dataset
.cartId = item
.cartId;
row
.innerHTML = `
<td>
<img src="${item
.product
.image_url || 'images/placeholder
.jpg'}" alt="${item
.product
.name}" width="50">
${item
.product
.name}
</td>
<td>¥${item
.product
.price
.toFixed(2)}</td>
<td>
<input type="number" value="${item
.quantity}" min="1"
onchange="updateCartItem(${item
.cartId}, this
.value)">
</td>
<td>¥${subtotal
.toFixed(2)}</td>
<td>
<button class="btn btn-danger" onclick="removeFromCart(${item
.cartId})">删除</button>
</td>
`;
tbody
.appendChild(row);
});
document
.getElementById('cart-total')
.textContent = `¥${total
.toFixed(2)}`;
} catch (error) {
console
.error('
加载购物车失败:', error);
alert('
加载购物车失败: ' + error
.message);
}
}修改该部分
本文讨论了在Internet Explorer (IE) 和Firefox (FF) 浏览器中使用inline样式显示不一致的问题。作者指出，在IE下使用inline显示正常，但在FF下则出现问题。解决方案是让FF自行处理布局，从而确保跨浏览器的一致性。
扫一扫
256
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
