class.wxml
3.0 KB
<view class="conetnt"><view class="inputBox"><input type="text" value="搜索" data-event-opts="{{[['input',[['bindInput',['$event']]]]]}}" bindinput="__e"/></view><view class="selectBox"><view data-event-opts="{{[['tap',[['selectTopClick',[0]]]]]}}" class="{{[selectIndex==0?'selectItem selectItemActive':'selectItem']}}" bindtap="__e">全部</view><view data-event-opts="{{[['tap',[['selectTopClick',[1]]]]]}}" class="{{[selectIndex==1?'selectItem selectItemActive':'selectItem']}}" bindtap="__e">价格<image src="../../static/ic_17@2x.png" mode></image></view><view data-event-opts="{{[['tap',[['selectTopClick',[2]]]]]}}" class="{{[selectIndex==2?'selectItem selectItemActive':'selectItem']}}" bindtap="__e">销量<image src="../../static/ic_17@2x.png" mode></image></view></view><view class="classBox"><view class="leftBox"><block wx:for="{{leftList}}" wx:for-item="item" wx:for-index="index" wx:key="*this"><view data-event-opts="{{[['tap',[['leftClick',[index]]]]]}}" class="{{[leftIndex==index?'leftItem leftActive':'leftItem']}}" bindtap="__e">{{''+item.title+''}}</view></block></view><view class="rightBox"><block wx:for="{{rightList}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="{{[index==rightList.length-1?'rightItem lastItem':'rightItem']}}"><view class="itemImg"><image src="{{item.image}}" mode></image></view><view class="itemRight"><view class="goodName">{{''+item.title+''}}</view><view class="goodDeatil">{{''+item.detail+''}}</view><view class="goodPrice"><view class="price"><text style="font-size:20rpx;">¥</text>{{''+item.price+''}}</view><view data-event-opts="{{[['tap',[['addCart',['$event']]]]]}}" class="cartImg" bindtap="__e"><image src="../../static/ic_18@2x.png" mode></image></view></view></view></view></block></view></view><block wx:if="{{cartShow}}"><view class="cartBox"><view class="cartGoodBox"><view class="cartGoodInner"><view class="cartImg"><image class="cartImage" src="../../static/ic_10@2x.png" mode></image></view><view class="cartName">科麦斯无油静音空吗压力麦斯无油静音空吗压<view class="cartPrice"><text style="font-size:20rpx;color:#FE0E1F;margin-right:-2rpx;">¥</text>50</view></view></view><block wx:for="{{typeList}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="specificationBox"><view style="font-size:28rpx;">{{''+item.title+''}}</view><view style="display:flex;flex-wrap:wrap;"><block wx:for="{{item.list}}" wx:for-item="items" wx:for-index="indexs" wx:key="indexs"><view class="specificalItem">{{''+items+''}}</view></block></view></view></block><view class="countBox"><view style="font-size:28rpx;">数量</view><view style="display:flex;"><view class="reduceImg">-</view><view class="countNum">6</view><view class="addImg">+</view></view></view><view data-event-opts="{{[['tap',[['addCartConfrim',['$event']]]]]}}" class="addCartBtn" bindtap="__e">加入购物车</view></view></view></block><block wx:if="{{mask}}"><view data-event-opts="{{[['tap',[['closeMask',['$event']]]]]}}" class="masks" bindtap="__e"></view></block></view>