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">
						<image src="https://api.zhumi.tech/MiniProgram/image/index_m_left.png" class="index_middle_l"></image>
					</view>
					<view class="hot-box-temp"></view>
					<view class="hot-box">
						<image src="https://api.zhumi.tech/MiniProgram/image/index_m_right.png" class="index_middle_l"
							bindtap='hrefoBooking'></image>
					</view>
				</view>
				<view class="cont">
					<view class="tips-box">
						<view class="tips-cont">双十一全部精品课程钜惠活动正在进行中...</view>
					</view>
					<image src="https://api.zhumi.tech/MiniProgram/image/recommend.png" class="lang-img" />
					<image src="https://api.zhumi.tech/MiniProgram/image/hd_banner.jpg" class="hd_banner" />
					<view class="hot-title">优秀师资</view>
					<scroll-view scroll-x="true" style="height: 550rpx;">
						<view class="uploadWrap">
							<block wx:for="{{mktarr}}" wx:key="index">
								<view class="upload_Item">
									<image class="upload_Item_img" src="{{mktarr[index].mi_mkturl}}"></image>
									<view class="teache_con">
										<view class="teahcer_name_box">
											<view class="teacher_name">{{mktarr[index].mi_mktname}}</view>
											<view class="teacher_name_con">{{mktarr[index].mi_mktaddress}}</view>
										</view>
										<view class="t_conntext">{{mktarr[index].mi_latitude}}</view>
										<view class="t_conntext">{{mktarr[index].mi_longitude}}</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">
						<view class="mkt-img-box">
							<scroll-view scroll-x="true">
								<view class="mktWrap">
									<block wx:for="{{mktList_m}}" wx:key="index">
										<view class="mkt-img">
											<image class="campus_Item_img" src="{{mktList_m[index]}}" bindtap="mktImageChange"
												data-path='{{mktList_l[index]}}'></image>
										</view>
										<view class="viewright-mkt" wx:if="{{index == mktList_m.length -1}}"></view>
									</block>
								</view>
							</scroll-view>
						</view>
					</view>
					<view class="mkt-desc-box">
						<view class="hot-title">米粒编程（大都汇校区）</view>
						<view class="hot-mkt">电话：024-25689988，17609810980</view>
						<view class="hot-mkt">地址: 辽宁省沈阳市铁西区建设西路2号 龙之梦·大都汇4层东侧</view>
					</view>
					<view class="endbottomm"></view>
				</view>
			</view>
			<view class='mask' wx:if="{{mask}}" bindtap='hideAllBox'></view>
			<view class="trolley-show-box" wx:if="{{booking}}">
					<view class="booking_title">预约课程</view>
					<image src="https://api.zhumi.tech/MiniProgram/image/close.png" bindtap='hideAllBox' class="booking_icon" />
					<form bindsubmit='submitForm'>
					<view class="booking_setp">
						<picker bindchange="bindPickerChange" value="{{index_setp}}" range="{{booking_setp}}" name="step">
							<view class="picker_setp">
								{{booking_setp[index_setp]}}
								<image class="picker_select" src="https://api.zhumi.tech/MiniProgram/image/select.png"></image>
							</view>
						</picker>
					</view>
					<view>
						<input class="booking_name" value="{{name}}" placeholder-class="phcolor" placeholder="请输入孩子的姓名"
							name="name"></input>
					</view>
					<view>
						<input class="booking_phone" value="{{phone}}" placeholder-class="phcolor" placeholder="请输入手机号"
							name="phone"></input>
					</view>
					<button class="booking_button" formType="submit">提交预约</button>
				</form>
			</view>
			<view class="trolley-show-box" wx:if="{{bookingreturn}}">
				<image src="https://api.zhumi.tech/MiniProgram/image/close.png" bindtap='hideAllBox' class="booking_icon" />
			<image src="https://api.zhumi.tech/MiniProgram/image/done.png" class = "booking_done"></image>
			<view class = "done_txt">预约成功</view>
			<view class = "done_desc">24小时内我们的老师会和您联系，请保持您的电话畅通</view>
			<view class = "done_return" bindtap='hideAllBox' >返回</view>
			</view>
			<tabbar _tabBarInd="{{0}}"></tabbar>
		</view>
	</view>
</view>