index.wxml
3.18 KB
<view><view><view style="background-color:#F7F7F7;border-radius:30px;padding:10rpx;"><view style="display:flex;align-items:center;"><view style="width:95%;border-radius:30rpx;background-color:white;padding:20rpx;color:gray;font-size:25rpx;"><input style="width:100%;" maxlength="20" placeholder="商品名称搜索" placeholderStyle="color:gray" type="text" data-event-opts="{{[['blur',[['ChangeSearch',['$event']]]],['input',[['__set_model',['$0','title','$event',[]],['model']]]]]}}" value="{{model.title}}" bindblur="__e" bindinput="__e"/></view></view></view><view style="display:flex;align-items:center;justify-content:space-around;margin-top:10px;font-size:26rpx;"><view data-event-opts="{{[['tap',[['Change',[0]]]]]}}" class="{{[num==0?'btns':'']}}" bindtap="__e">综合</view><view data-event-opts="{{[['tap',[['Change',[1]]]]]}}" class="{{[num==1?'btns':'']}}" bindtap="__e">最新</view><view data-event-opts="{{[['tap',[['Change',[2]]]]]}}" class="{{[num==2?'btns':'']}}" style="display:flex;align-items:center;" bindtap="__e"><view>价格</view><view style="margin-left:2px;margin-top:2px;"><image style="width:10px;height:10px;vertical-align:bottom;" src="{{ismoney?BASE_URL+'/api/File/Image/annexpic/topblack.png':BASE_URL+'/api/File/Image/annexpic/topred.png'}}"></image><view class="_br"></view><image style="width:10px;height:10px;vertical-align:top;" src="{{ismoney==false?BASE_URL+'/api/File/Image/annexpic/bottomblack.png':BASE_URL+'/api/File/Image/annexpic/bottomred.png'}}"></image></view></view><view data-event-opts="{{[['tap',[['Change',[3]]]]]}}" class="{{[num==3?'btns':'']}}" bindtap="__e">销量</view><view><image style="width:23px;height:23px;margin-top:5px;" mode="aspectFit" src="{{BASE_URL+'/api/File/Image/annexpic/flexone.png'}}"></image></view></view></view><view><scroll-view class="scroll-Y" scrollTop="{{scrollTop}}" scrollY="true" showScrollbar="true"><view style="height:90vh;background-color:#F7F7F7;"><view style="display:flex;flex-wrap:wrap;width:100%;"><block wx:if="{{list.length==0}}"><view style="width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;"><image style="width:400rpx;height:400rpx;" mode="aspectFit" src="{{BASE_URL+'/api/File/Image/annexpic/nullImg.png'}}"></image><text style="color:gray;font-size:30rpx;">暂无数据</text></view></block><block wx:else><block><block wx:for="{{list}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view data-event-opts="{{[['tap',[['RedirectMeansDetail',['$0'],[[['list','',index]]]]]]]}}" style="width:44%;margin:5px;background-color:white;box-shadow:0 0 1em 0em #CDC7C7;padding:10rpx;border-radius:10px;" bindtap="__e"><view><image style="width:100%;height:315rpx;border-top-left-radius:10px;border-top-right-radius:10px;" src="{{BASE_URL+item.banner[0].url}}"></image></view><view style="font-size:25rpx;">{{item.title}}</view><view style="display:flex;align-items:center;justify-content:space-between;margin-top:5px;"><view style="font-weight:bold;font-size:32rpx;color:red;">{{'￥'+item.startMoneys+''}}</view><view><image style="width:50rpx;height:50rpx;" src="{{BASE_URL+'/api/File/Image/annexpic/shop.png'}}"></image></view></view></view></block></block></block></view></view></scroll-view></view></view>