微信小程序项目_秋泊优选43

39、购物车_没有商品的提示功能

pages\cart\index.wxml

<!-- 购物车内容-->
<view class="cart_content">
    <view class="cart_title">购物车</view>
    
    <view class="cart_main">
        <!--当cart数组长度不为0显示商品信息-->
        <block wx:if="{
     
     {cart.length!==0}}">
            <view class="cart_item"
            wx:for="{
     
     {cart}}"
            wx:key="goods_id">
                <!--复选框-->
                <view class="cart_chk_wrap">
                    <checkbox-group data-id="{
     
     {item.goods_id}}" bindchange="handeItemChange">
                        <checkbox checked="item.checked"></checkbox>
                    </checkbox-group>
                </view>

                <!--商品图片-->
                <navigator class="cart_img_wrap">
                <image mode="widthFix" src="{
     
     {item.goods_small_logo}}"></image>
                
                </navigator>

                <!--商品信息-->
                <view class="cart_info_wrap">
                    <view class="goods_name">{
   
   {item.goods_name}}</view>
                    <view class="goods_price_wrap">
                        <view class="goods_price">￥{
   
   {item.goods_price}}</view>
                            <view class="cart_num_tool">
                                <view bindtap="handleItemNumEdit" data-id="{
     
     {item.goods_id}}" data-operation="{
     
     {-1}}" class="num_edit">-</view>
                                <view class="goods_num">{
   
   {item.num}}</view>
                                <view bindtap="handleItemNumEdit" data-id="{
     
     {item.goods_id}}" data-operation="{
     
     {1}}" class="num_edit">+</view>
                            </view>
                    </view>    
                </view>
            </view>
        </block>
        <!--否则显示一张图片-->
        <block wx:else>
            <image mode="widthFix" src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1600243190697&di=14f72b149b5cb68f71a7582900d58e67&imgtype=0&src=http%3A%2F%2Fhbimg.b0.upaiyun.com%2Fe1b1467beea0a9c7d6a56b32bac6d7e5dcd914f7c3e6-YTwUd6_fw658"></image>
        </block>
    </view>
</view>