mili_mini/pages/index/index.wxml

<view>
	<view class="container">
		<view class="view-page ">
			<swiper class="swiper" indicator-dots="true" indicator-color="#B5B5B5" indicator-active-color="#6D6D6D"
				autoplay="true" interval="5000" duration="{{duration}}">
				<block wx:for="{{arr}}" wx:key="index">
					<swiper-item>
						<image src="{{arr[index].wb_url}}" class="slide-image" bindtap="BhrefPm" data-index="{{arr[index].wb_href}}"
							data-type="{{arr[index].wb_href_type}}" mode="widthFix" />
					</swiper-item>
				</block>
			</swiper>
			<view class = "box_logo">
				<image src="https://api.zhumi.tech/MiniProgram/image/index_logo.png" class="index_logo" />
				<view class="colum-hot">
					<view class="hot-box-temp2"></view>
					<view class="hot-box">
						<view class="hot-title-temp"></view>
						<view class="hot-title">一级标题</view>
						<view class="hot-cont-temp"></view>
						<view class="hot-cont">十级四阶段</view>
					</view>
					<view class="hot-box-temp"></view>
					<view class="hot-box">
						<view class="hot-title-temp"></view>
						<view class="hot-title">一级标题</view>
						<view class="hot-cont-temp"></view>
						<view class="hot-cont">十级四阶段</view>
					</view>
				</view>
				<view class = "cont">
					<view class="tips-box">
						<view class="tips-icon">111</view>
						<view class="tips-cont">双11XXXXXXXXXXXXXX</view>
					</view>
					<image src = "https://api.zhumi.tech/MiniProgram/image/recommend.png" class="lang-img"/>
					<view class = "hot-middle"></view>
					<view class="hot-title">优秀师资</view>
				<scroll-view scroll-x="true">
					<view class="uploadWrap">
						<block wx:for="{{mktarr}}" wx:key="index">
							<view class="upload_Item" data-name='{{mktarr[index].mi_mktname}}'
								data-address='{{mktarr[index].mi_mktaddress}}' data-latitude='{{mktarr[index].mi_latitude}}'
								data-longitude='{{mktarr[index].mi_longitude}}'>
								<image class="upload_Item_img" src="{{mktarr[index].mi_mkturl}}"></image>
								<view class='mktinfoBox'>
									<view>
										<view class="mktname">{{mktarr[index].mi_mktname}}</view>
									</view>
									<view class="mktadd">{{mktarr[index].mi_mktaddress}}</view>
								</view>
							</view>
							<view class="viewright" wx:if="{{index == mktarr.length -1}}"></view>
						</block>
					</view>
				</scroll-view>
				<view class="hot-title">查找校区</view>
				<view class="colum-hot-temp"></view>
				<view class="campus-box">
					<image src="{{mktImgage}}" class = "campus-image"></image>
				</view>
				<view class="campus_Item" data-name='{{mktarr[0].mi_mktname}}' data-address='{{mktarr[0].mi_mktaddress}}'
					data-latitude='{{mktarr[0].mi_latitude}}' data-longitude='{{mktarr[0].mi_longitude}}'>
					<view class="mkt-img-box">
						<scroll-view scroll-x="true">
							<view class="mktWrap">
								<block wx:for="{{mktList}}" wx:key="index">
									<view class="mkt-img">
										<image class="campus_Item_img" src="{{mktList[index]}}" bindtap="mktImageChange" data-path='{{mktList[index]}}'></image>
									</view>
									<view class="viewright-mkt" wx:if="{{index == mktList.length -1}}"></view>
								</block>
							</view>
						</scroll-view>
					</view>
				</view>
				<view class = "mkt-desc-box">
					<view class="hot-title-temp"></view>
						<view class="hot-title">科乐纬·少儿编程(大都会校区)</view>
						<view class="hot-title-temp"></view>
						<view class="hot-mkt">电话：XXXXXXXXX-XXXXXX</view>
						<view class="hot-mkt-temp"></view>
						<view class="hot-mkt">地址: 辽宁省沈阳市铁西区XXXXXXX</view>
						<view class="hot-title-temp"></view>
					</view>
					<view class = "endbottomm" ></view>
				</view>
			</view>
			<tabbar _tabBarInd="{{0}}"></tabbar>
		</view>
	</view>
</view>