mini-shop/pages/index/index.wxml

<view>
	<!-- 自定义的导航栏 -->
	<view style="background: #fff;">
		<view class="custom flex_center">
			<view class="headerNav">
				<view class='navInput'>
					<view class="currentCity" bindtap="toCity">
						<view class="city_text">{{city}}</view>
						<view class="icon">
							<image mode="widthFix" src="../../static/images/icon/arrows@2x.png"></image>
						</view>

					</view>

					<input disabled="true" placeholder='请输入VR场景名称' data-type="-1" bindtap="toSearch" placeholder-class='none'
						placeholder-style='color:#b3b3b3;font-size:22rpx;'></input>
				</view>
			</view>

		</view>

		<view class="paddingBox"></view>
	</view>

	<!-- 头图 -->
	<view class="banner">
		<view class="headerImage">
			<image mode="widthFix" src="../../static/images/icon/banner.png"></image>
		</view>
	</view>


	<!-- 分类 -->
	<view class="fl_content">
		<view class="fl_list">
			<view class="fl_item" wx:for="{{classifyList}}" data-type='{{item.type}}' bindtap="toSearch">
				<image wx:if='{{item.icon}}' src="{{item.icon}}"></image>
				<text class="fl_name">{{item.title}}</text>
			</view>
		</view>
	</view>

	<!-- 中间tab -->
	<view>
		<view class="middleTab">
			<view class="middletabContent {{middleEmptyLength==middleTabList.length?'none':''}}">
				<view wx:if="{{middleList[item.type].length>0}}" class="middleTabItem {{middleType==item.type?'active':''}}" data-type="{{item.type}}"
					bindtap="changeMiddleTab" wx:for="{{middleTabList}}">
					<text>{{item.title}}</text>
				</view>
			</view>
		</view>

		<view class="middleList" wx:for="{{middleTabList}}" wx:for-item="i" wx:if="{{middleType==i.type && middleList[i.type].length>0 }}">
			<view class="middleList_item" bindtap="middle_gotoWV" data-id="{{j.id}}" wx:for="{{middleList[i.type]}}" wx:for-item="j">
				<view class="middleList_cover">
					<image mode="scaleToFill" src="{{j.appListPicUrl}}"></image>
				</view>
				<text class="middleList_title">{{j.name}}</text>
				{{item.type}}
			</view>
		</view>
	</view>

	<!-- 为您推荐 -->
	<view class="tj_content">
		<view class="tj_header">
			<view class="tj_title">为您推荐</view>
			<view class="tj_tabbar">
				<view class="tj_tabItem {{roomType==item.type?'active':''}}" bindtap="changeRoomType" data-type="{{item.type}}"
					wx:for="{{roomTabList}}">
					<text>{{item.title}}</text>
				</view>

			</view>
		</view>

		<view class="tj_list" wx:if="{{roomList.length!=0}}">
			<view wx:for="{{roomList}}" wx:key class="house-list">
				<roomItem room="{{item}}" bindgotoWV="gotoWV"></roomItem>
			</view>
		</view>

		<view class="unbrand" wx:else>
			<image src="/static/images/img_nodata@2x.png"></image>
			<view class="text">暂无相关数据</view>
		</view>
	</view>


</view>