Question

我正在尝试使用simpleCart（js），但在我的购物车中，所有商品属性都聚集在一起。我该如何将它们分开？

这是我的初始化脚本

<script>
   simpleCart({
   currency: "GBP",
   checkout: {
      type: "PayPal",
      email: "you@yours.com"
   },
   cartColumns: [
    { attr: "name", label: "Name" } ,
    { attr: "price" , label: "Price", view: 'currency' } ,
    { attr: "quantity" , label: "Qty" } ,
    { attr: "total" , label: "SubTotal", view: 'currency' } ,
    { view: "remove" , text: "Remove Item" , label: false }
],
cartStyle : "table"
   });

</script>

这是我的购物车视图

<div class="cart">
<div class="simpleCart_items">   </div>',
<span class="simpleCart_quantity"></span> items - <span class="simpleCart_total">  
</span>
<a href="javascript:;" class="simpleCart_checkout">Checkout  </a>
<a href="javascript:;" class="simpleCart_empty">  Empty Basket</a>
</div>
</div>

任何人都可以帮助我吗？

Answer 1

您可以使用CSS样式实现它。只需使用此选择器.cart .simpleCart_items table tr th并添加边距或填充。这取决于你。

CSS应如下所示：

.cart .simpleCart_items table tr th{
    padding: 8px;
}

simplecart js，items属性之间的空格

1 个答案: