uni-app的商城购物车

商城购物车代码

<template>
	<view>
        <topTabBar class="topbar">
            <view slot="left"> 
			</view>
            <view slot="center" class="top_bar"> 
					<text>购物车</text>
			</view>
             <view slot="right" class="right" @tap="deleteList">  
                 <text>删除</text>
			</view>
        </topTabBar>
		<!-- 占位 -->
		<!-- <view v-if="showHeader" class="place"></view> -->
		<!-- 商品列表 -->
		<view class="goods-list">
			<view class="tis" v-if="goodsList.length==0">购物车是空的哦~</view>
            <view v-for="(item,indexs) in goodsList" :key="indexs" class="goods_box">
                <view class="shopname">
                    <!-- 商城名点击 -->
                        <view class="checkbox-box" @tap="selectedShop(indexs)"> 
                            <view  :class="[item.selected?'checkbox_on':'checkbox']">
                                <view :class="[item.selected?'iconfont icongouxuan on':'']"></view>
                            </view>
                        </view>
                        <text>{
  {item.shopname}}</text>
                        
                </view>
                <view class="row" v-for="(row,index) in item.shopList" :key="index">
				<!-- 删除按钮 -->
                    <!-- <view class="menu" @tap.stop="deleteGoods(row.id)">
                        <view class="iconfont iconshanchu"></view>
                    </view> -->
                    <!-- 商品 -->
                    <view class="carrier" :class="[theIndex==index?'open':oldIndex==index?'close':'']">
                        <!-- checkbox -->
                        <view class="checkbox-box" @tap="selected(indexs,index)">
                            <view  :class="[row.selected?'checkbox_on':'checkbox']">
                                <view :class="[row.selected?'iconfont icongouxuan on':'']"></view>
                            </view>
                        </view>
                        <!-- 商品信息 -->
                        <view class="goods-info" @tap="toGoods(row)">
                            <view class="img">
                                <image :src="row.img"></image>
                            </view>
                            <view class="info">
                                <view class="title">{
  {row.name}}</view> 
                                <view class="price-number">
                                    <view class="price">￥{
  {row.price}}</view>
                                    <view class="number">
                                        <view class="sub" @tap.stop="sub(indexs,index)">
                                            <view class="iconfont iconjian"></view>
                                        </view>
                                        <view class="input" @tap.stop="discard">
                                            <input type="number" v-model="row.number" @input="sum($event,index)" />
                                        </view>
                                        <view class="add"  @tap.stop="add(indexs,index)">
                                            <view class="iconfont iconjia"></view>
                                        </view>
                                    </view>
                                </view>
                            </view>
                        </view>
                    </view>
			    </view>
            </view>
        </view>
		<!-- 脚部菜单 -->
		<view class="footer" :style="{bottom:footerbottom}">
			<view class="checkbox-box" @tap="allSelect">
				<!-- <view class="checkbox"> -->
					<view :class="[isAllselected?'checkbox_on':'checkbox']">
						<view :class="[isAllselected?'iconfont icongouxuan on':'']"></v