uniapp-ZHSQ/unpackage/dist/dev/mp-weixin/pages/index/index.wxml

<view class="box" style="{{'padding-top:'+(top+'px')+';'}}"><view class="indexBg"><image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/Index_bg.png" mode="widthFix"></image></view><view class="searchBox"><view data-event-opts="{{[['tap',[['map',['$event']]]]]}}" class="searchBox_add" bindtap="__e"><image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/Index_add.png" mode="widthFix"></image><block wx:if="{{!currentCity.city}}"><view>{{''+(city?city.city:'选择城市')+''}}</view></block><block wx:if="{{currentCity.city}}"><view>{{''+currentCity.city+''}}</view></block></view><view class="searchBox_msg"><view class="iptbox"><input type="text" data-event-opts="{{[['input',[['__set_model',['','iptMsg','$event',[]]],['iptChange',['$event']]]]]}}" value="{{iptMsg}}" bindinput="__e"/><image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/water_filter/dervice/deriveSearch.png" mode="widthFix" data-event-opts="{{[['tap',[['searchCurrent',['$event']]]]]}}" bindtap="__e"></image></view><view data-event-opts="{{[['tap',[['opMap',['$event']]]]]}}" class="map" bindtap="__e"><image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/Index_map.png" mode="widthFix"></image>地图</view></view></view><view class="swiper"><swiper data-event-opts="{{[['animationfinish',[['swipers',['$event']]]]]}}" bindanimationfinish="__e"><block wx:for="{{bannerList}}" wx:for-item="item" wx:for-index="index" wx:key="index"><swiper-item data-event-opts="{{[['tap',[['details',['$0'],[[['bannerList','',index]]]]]]]}}" bindtap="__e"><image src="{{item.pic_src}}" mode="widthFix"></image></swiper-item></block></swiper><view class="cirList"><block wx:for="{{bannerList}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="{{['cir',currentIdx==index?'active':'']}}"></view></block></view></view><view class="tabList"><block wx:for="{{tabList}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="tabItem" data-url="{{item.link_url}}" data-event-opts="{{[['tap',[['desc',['$event']]]]]}}" bindtap="__e"><view class="tabImg"><image src="{{item.icon_src}}" mode="aspectFill"></image></view><view class="tabname">{{item.title}}</view></view></block></view><view class="Tit">精选服务</view><view class="serverList"><view data-event-opts="{{[['tap',[['cf',['$event']]]]]}}" class="serverItem serverItem1" bindtap="__e"><view class="serverTit">榴园厨房</view><image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/server_img1.png" mode="widthFix"></image></view><view data-event-opts="{{[['tap',[['wybx',['$event']]]]]}}" class="serverItem serverItem2" bindtap="__e"><view class="serverTit">物业报修</view><image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/server_img2.png" mode="widthFix"></image></view><view data-event-opts="{{[['tap',[['shopEnter',['$event']]]]]}}" class="serverItem serverItem3" bindtap="__e"><view class="serverTit">商家入驻</view><image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/indexSubcontract/_assets/Merchantsettlement.png" mode="widthFix"></image></view><view data-event-opts="{{[['tap',[['water_filter',['$event']]]]]}}" class="serverItem serverItem4" bindtap="__e"><view class="serverTit">人人爱净水</view><image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/server_img4.png" mode="widthFix"></image></view></view><view class="List_tabList"><view class="{{['List_tabItem',current==0?'List_active':'']}}" data-idx="0" data-event-opts="{{[['tap',[['changeCurrent',['$event']]]]]}}" bindtap="__e">小区</view><view class="{{['List_tabItem',current==1?'List_active':'']}}" data-idx="1" data-event-opts="{{[['tap',[['changeCurrent',['$event']]]]]}}" bindtap="__e">服务</view><view class="{{['List_tabItem',current==2?'List_active':'']}}" data-idx="2" data-event-opts="{{[['tap',[['changeCurrent',['$event']]]]]}}" bindtap="__e">店铺</view><view class="{{['List_tabItem',current==3?'List_active':'']}}" data-idx="3" data-event-opts="{{[['tap',[['changeCurrent',['$event']]]]]}}" bindtap="__e">团购</view><view class="{{['List_tabItem',current==4?'List_active':'']}}" data-idx="4" data-event-opts="{{[['tap',[['changeCurrent',['$event']]]]]}}" bindtap="__e">预定</view></view><block wx:if="{{current==0}}"><view class="List"><block wx:for="{{$root.l0}}" wx:for-item="item" wx:for-index="index" wx:key="index"><tabular-card vue-id="{{'8dd740cc-1-'+index}}" item="{{item.$orig}}" isLast="{{index===item.g0-1}}" bind:__l="__l"></tabular-card></block></view></block><block wx:if="{{current==1}}"><view class="list"><block wx:for="{{$root.l1}}" wx:for-item="items" wx:for-index="index" wx:key="index"><block wx:if="{{items.g1>0}}"><view class="item_goodsItem" data-appid="{{items.$orig.appoint_id}}" data-event-opts="{{[['tap',[['ServerDesc',['$event']]]]]}}" bindtap="__e"><view class="item_goodsItem_tit"><image src="{{picUrl+item.photo}}" mode="aspectFill"></image></view><view style="flex:1;"><view class="item_goodsItem_name">{{items.$orig.title}}</view><view class="item_goodsItem_msg">￥<view>{{items.$orig.price}}</view><text>{{"/"+items.$orig.unit}}</text></view></view></view></block></block><block wx:if="{{$root.g2==0}}"><van-empty vue-id="8dd740cc-2" description="暂无内容" bind:__l="__l"></van-empty></block></view></block><block wx:if="{{current!=0&&current!=1}}"><view class="empty"><van-empty vue-id="8dd740cc-3" description="暂无内容" bind:__l="__l"></van-empty></view></block></view>