0
点赞
收藏
分享

微信扫一扫

小程序购物车页面wxml部分代码

孟佳 2022-03-12 阅读 89
<!-- 购物车信息 -->
    <view class="trolley data-list" id="dataList" wx:if="{{empty}}">
        <view class="theme" wx:for="{{list}}" wx:key="index" id="{{index}}" data-index="{{index}}">
            <view class="header">
                <view class="left">
                    <image class="store-image" src="{{item.profilePicture}}" alt=" "></image>
                    <text>{{item.storeName}}</text>
                    <image class="cart_icon_more" src="http://h5.ttyeshi.com/img/cart_icon_more.png"></image>
                </view>
                <view class="right">
                    <text><i></i>联系买手</text>
                </view>
                <view class="selected shop-group-item">
                    <icon type="success" size="24" wx:if="{{item.isSelectStore}}" bindtap="selectStoret"></icon>
                    <icon type="circle" size="24" wx:else bindtap="selectList"></icon>
                </view>
            </view>
            <view class="reduction">
                <view><label>满减</label>满300元,可减20元,还差10元</view>
                <text>去凑单<i></i></text>
            </view>
            <view class="particulars {{list.active?'touch-move':''}}" wx:for="{{item.abuyCarVos}}" wx:for-item="list" wx:for-index="childindex" data-bigindex="{{index}}" data-small="{{childindex}}" wx:key="index">
                <view class="matter" bindtap="details" id="{{list.skuVo.productId}}">
                    <view class="images"><image src="{{list.skuVo.skuPic}}" alt=" "></image></view>
                    <div class="right">
                        <view class="title"><text>{{list.skuVo.prodName}}</text></view>
                        <view class="tinct"><text>{{list.propNames}}</text></view>
                        <view class="money">
                            <view class="price">¥ <em>{{list.skuVo.priceMoney}}</em></view>
                            <view>
                                <text class="cart_icon_reduce minus" data-bigindex="{{index}}" data-small="{{childindex}}" catchtap="subtract"></text>
                                <text class="num">{{list.count}}</text>
                                <text class="cart_icon_plus plus" data-bigindex="{{index}}" data-small="{{childindex}}" catchtap="add"></text>
                                </view>
                        </view>
                    </div>
                    <view class="selected">
                        <icon type="success" size="24" data-bigindex="{{index}}" data-small="{{childindex}}" wx:if="{{list.isSelect}}" catchtap="selectList"></icon>
                        <icon type="circle" size="24" data-bigindex="{{index}}" data-small="{{childindex}}" wx:else catchtap="selectList"></icon>
                    </view>
                </view>
                <view class="delete" bindtap="goDetail" data-bigindex="{{index}}" data-small="{{childindex}}">删除</view>
            </view>
        </view>
    </view>
举报

相关推荐

0 条评论