vue实战之购物车静态页面的搭建

老规矩，先看效果图！

一、html架构

<template>
  <div id="app">
    <div class="top">
      <van-nav-bar title="购物袋" left-text="返回" right-text="编辑" left-arrow @click-left="show = !show"
        @click-right="show = !show" />
      <van-image width="375" height="80" src="../../public/icon/shopbag_bg.png" />
    </div>
    <div class="content">
      <div v-for="(item, index) in list" :key="index">
        <van-swipe-cell style="margin-top: 10px">
          <div class="detail">
            <van-checkbox style="margin-left: 10px"