You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 

63 lines
2.8 KiB

<!--pages/search/search.wxml-->
<view class="container">
<view class="searchBox">
<view class="searchBox_left">
<image class='searchImg' src="/images/icon-search.png"></image>
<input type="text" value="{{searchKey}}" placeholder="请输入商品名称" bindinput="searchInput"/>
<view wx:if="{{searchKey}}" bindtap="cleardata">
<image class="cancel" src="/images/delete.png" mode=""></image>
</view>
</view>
<view class="searchBox_btn" bindtap="search">搜索</view>
</view>
<view class="list" wx:if="{{shopList.length > 0}}">
<view class="cont" style='padding-top:10px;'>
<view class="xs">
<navigator class="product xs" url="../product/detail?productId={{item.id}}&size={{item.size}}" hover-class="changestyle" wx:for="{{shopList}}" wx:key="index" data-id="{{item.id}}">
<image class="photo" src="{{item.imgurl}}"></image>
<view class="title">新品 {{item.product_title}}</view>
<view class="gstatus">{{item.s_type_list[0].name}}</view>
<view style="display:flex;line-height:50rpx;color:#999">
<view class="gmxx">¥ {{item.price}}</view>
<view class="ku">已售{{item.volume}}件</view>
</view>
<view style="display:flex;">
<view class="goods_shopBox">
<image class="goods_shop" src="{{logoUrl}}{{item.logo}}"></image>
<text>{{item.mch_name}}</text>
</view>
</view>
</navigator>
</view>
</view>
<view class="commodity_screen" bindtap="hideModal" wx:if="{{showModalStatus}}">1</view>
<view animation="{{animationData}}" class="commodity_attr_box" wx:if="{{showModalStatus}}"></view>
<view class="clear mt10" wx:if="{{period}}" style='border: 0;color: #999;'>-我是有底线的-</view>
<block wx:else>
<!-- 显示加载 -->
<view style="display: flex;" wx:if="{{loading}}">
<view class="spinner" style='margin:20px auto;'>
<view class="spinner-container container1">
<view class="circle1"></view>
<view class="circle2"></view>
<view class="circle3"></view>
<view class="circle4"></view>
</view>
<view class="spinner-container container2">
<view class="circle1"></view>
<view class="circle2"></view>
<view class="circle3"></view>
<view class="circle4"></view>
</view>
<view class="spinner-container container3">
<view class="circle1"></view>
<view class="circle2"></view>
<view class="circle3"></view>
<view class="circle4"></view>
</view>
</view>
</view>
</block>
</view>
</view>