使用uniapp写一个小程序的购物车

好的，下面是一个简单的购物车示例：

1. 首先，在uniapp中创建一个页面作为购物车页面，例如cart.vue。

2. 在页面中定义一个空数组，用于存储选择的商品信息：

<template>
  <view class="cart">
    <view class="cart-list">
      <view v-for="(item, index) in cartList" :key="index">
        <view>{{ item.name }}</view>
        <view>{{ item.price }}</view>
      </view>
    </view>
    <view class="cart-bar">
      <view>总价：{{ totalPrice }}</view>
      <view @click="buy">去结算</view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      cartList: [], // 购物车列表
      totalPrice: 0, // 购物车总价
    };
  },
  methods: {
    // 添加商品到购物车
    addToCart(item) {
      this.cartList.push(item);
      this.totalPrice += item.price;
    },
    // 去结算
    buy() {
      // TODO: 跳转到结算页面
    },
  },
};
</script>

3. 在商品列表页面中，添加“加入购物车”按钮，并在点击按钮时调用addToCart方法，将商品信息添加到购物车数组中：

<template>
  <view class="goods-list">
    <view v-for="(item, index) in goodsList" :key="index">
      <view>{{ item.name }}</view>
      <view>{{ item.price }}</view>
      <view @click="addToCart(item)">加入购物车</view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      goodsList: [
        {
          name: "商品1",
          price: 10,
        },
        {
          name: "商品2",
          price: 20,
        },
        {
          name: "商品3",
          price: 30,
        },
      ], // 商品列表
    };
  },
  methods: {
    // 加入购物车
    addToCart(item) {
      this.$parent.addToCart(item);
    },
  },
};
</script>

在addToCart方法中，调用了this.$parent.addToCart(item)，将商品信息传递给购物车页面的addToCart方法，实现添加商品到购物车的功能。

4. 最后，在购物车页面中，展示购物车中的商品列表和总价，并在点击“去结算”按钮时，跳转到结算页面进行结算。

以上是一个简单的购物车示例，你可以根据自己的需求进行修改和扩展。