今天用了一下空闲时间来实现了购物车部分商品的单选和多选,下面来个案例供大家参考:
效果图:![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/6d62491c0bedf71ec15a2bf645eecf2e.gif)
案例代码如下:
<template>
<div class="text">
<div class v-for="(item,index) in dataList" :key="index">
<div class="yesterday">{
{item.kinds}}</div>
<div class="list_wrap" v-for="(item1,index) in item.list" :key="index">
<div class="select_wrap" @click="selectItem(item1)">
<img class="select" src="https://i.loli.net/2020/03/05/2ODunK73vlaHhIw.png" mode v-if="item1.checked" />
<img class="select" src="https://i.loli.net/2020/03/05/zaBLDGlk2dCUwZQ.png" mode v-else />
</div>
<img class="btimg" :src="item1.img" mode />
<div class="item_wrap">
<div class="title">{
{item1.title}}</div>
</div>
</div>
</div>
<div class="foot_wrap">
<div class="select_wrap" @click="selectAll">
<img class="select" src=