javascript - simplecart js，项目属性之间的空间

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;
}