<template>
<div>
<!-- vant导航 -->
<van-nav-bar title="购物车">
<template #left>
<van-icon @click="back" name="arrow-left" color="#6F717A" size="20px"/>
</template>
<template #right>
<van-icon name="ellipsis" size="20px" color="#6F717A"/>
</template>
</van-nav-bar>
<!-- vant空状态 -->
<van-empty v-show="isShow" description="购物车目前还没有商品" image="https://img.yzcdn.cn/vant/custom-empty-image.png">
<van-button round type="danger" class="bottom-button" @click="gotoClassify">
去购物
</van-button>
</van-empty>
<div v-for="(item,index) in carts">
<!-- vant复选框组 --> <!-- vant布局 --> <!-- vant滑动单元格 -->
<!-- vant商品卡片 --> <!-- vant步进器 --
Vue 购物车(vant)
最新推荐文章于 2024-05-24 19:12:59 发布