vue购物车单页面效果实现及源码

<template>

  <div class="about">

    <div class="header-title">我的购物车</div>

    <ul>

      <li class="clearfix" v-for="(item, index) in list" :key="index">

        <input type="checkbox" class="fl minInput" v-model="item.pd" />

        <img :src="item.immages" />

        <span class="fl">{
  { item.price }}</span>

        <div class="priceFrom clearfix fl">

          <span class="fl" @click="jia(index)">+</span>

          <input class="fl" type="text" v-model="item.num" />

          <span class="fl" @click="jian(index)">-</span>

        </div>

        <span class="fl">{
  { item.price * ite