微信小程序（五）购物车

最新推荐文章于 2024-07-24 10:29:10 发布

Zaltana

最新推荐文章于 2024-07-24 10:29:10 发布

阅读量7.8k

点赞数 21

分类专栏：微信小程序文章标签：微信小程序前端

本文链接：https://blog.csdn.net/zhoulina815/article/details/123995117

版权

shoppingcart.wxml

<!--pages/shoppingcart/shoppingcart.wxml-->
<view class="content">
    <view class="info">
    <view class="line"></view>
    <view class="receive">
    购物
    </view>
    <view class="line"></view>
    <view class="items">
    <checkbox-group bindchange="checkboxChange">
    <block wx:for="{
  {orders}}">
    <view class="item">
        <view class="icon">
        <label for="{
  {item.id}}">
        <checkbox id="{
  {item.id}}" value="{
  {item.id}}" checked=
        "{
  {item.selected}}" hidden/>
        <icon type="{
  {item.selected==true?'success':'circle'}}"
        color="#E4393C" data-value="{
  {item.id}}" size="20" />
        </label>
        </view>
        <view class="pic">
        <image src="{
  {item.pic}}" style="width:80px;height:80px;">
        </image>
        </view>
        <view class="order">
        <view class="title">{
  {item.name}}</view>
        <view class="desc">
        <view>数量: {
  {item.quantity}}</view>
        </view>
        <view class="priceInfo">
        <view class="price">￥{
  {item.nowPrice}}</view>
        <view class="minus" id="{
  {item.id}}" bindtap="minusOrders">-</view>
        <view class="count">{
  {item.quantity}}</view>
        <view class="add" i