diancan/pages/index/index.wxml

<!--index.wxml-->
<view class="wrap">
	<view class="top_bg_w">
		<view class="banner_wrap" wx:if="{{ topBannerList.length > 1 }}">
			<swiper autoplay="{{ true }}" circular="{{ true }}" interval="{{ intervalTopBanner }}" duration="{{durationTopBanner}}" bindchange="changeTopBanner">
				<swiper-item wx:for="{{ topBannerList }}" wx:key="index">
					<image class="top_bg" src="{{ imgUrl + item.thumb }}"></image>
				</swiper-item>
			</swiper>
			<view class="dots">
				<block wx:for="{{ topBannerList }}" wx:key="index">
					<view class="{{ index == currentTopBanner ? 'dot active' : 'dot'}}"></view>
				</block>
			</view>
		</view>
		<view class="banner_wrap" wx:else>
			<image class="top_bg" wx:for="{{ topBannerList }}" wx:key="index" src="{{ imgUrl + item.thumb }}"></image>
		</view>
	</view>
	<view class="wrap_nr">
		<!-- 用户信息 -->
		<view class="user_wrap">
			<!-- 未登录 -->
			<view class="user_item" wx:if="{{ !token }}">
				<view class="item_l">
					<image class="user_touxiang" src="{{ userInfo.thumb ? userInfo.thumb : '/statics/img/logo.png' }}"></image>
					<view class="user_info">
						<view class="user_nickname">Hey，{{ userInfo.nickname ? userInfo.nickname : '羊汤馆' }}</view>
						<view class="shop_tip">用心做好每一碗羊汤</view>
					</view>
				</view>
				<view class="item_r">
					<view class="ac_btn" bind:tap="toLogin">立即登录</view>
				</view>
			</view>
			<!-- 已登录 -->
			<view class="user_item login_ed" wx:else>
				<view class="item_l">
					<image class="user_touxiang" src="{{ userInfo.thumb }}"></image>
					<view class="user_info">
						<view class="user_nickname" style="max-width:{{ userInfo.is_member ? '200rpx': '260rpx' }};">Hey，{{ userInfo.nickname }}</view>
						<image class="vip_tag" src="/statics/img/vip_tag.png" wx:if="{{ userInfo.is_member }}"></image>
					</view>
				</view>
				<view class="item_r">
					<view class="user_count">
						<view class="count_num">{{ userInfo.coupon }}</view>
						<view class="count_name">优惠券</view>
					</view>
					<view class="separation_line"></view>
					<view class="user_count">
						<view class="count_num">{{ userInfo.money }}</view>
						<view class="count_name">余额</view>
					</view>
				</view>
			</view>
		</view>
		<!-- 门店自取 外卖 -->
		<view class="process_wrap">
			<view class="process_item" bind:tap="goStore">
				<image class="item_icon mendian" mode="heightFix" src="/statics/img/mendian_icon.png"></image>
				<image class="item_name" mode="heightFix" src="/statics/img/mendian_text.png"></image>
				<view class="item_desc">在线点餐</view>
			</view>
			<view class="process_item waimai" bind:tap="goGoods">
				<image class="item_icon" mode="heightFix" src="/statics/img/waimai_icon.png"></image>
				<image class="item_name" mode="heightFix" src="/statics/img/waimai_text.png"></image>
				<view class="item_desc">无接触配送，外送到家</view>
			</view>
		</view>
		<!-- 1元购 领券 -->
		<view class="activity_wrap">
			<view class="ac_item" bind:tap="goActivityPage">
				<image class="ac_tu" src="{{ imgUrl + activityFirst.thumb }}"></image>
			</view>
			<view class="ac_item" bind:tap="goPage" data-url="/pages/take-coupons/index">
				<image class="ac_tu" src="/statics/img/quan_banner.png"></image>
			</view>
		</view>
		<!-- 广告区 -->
		<view class="ad_wrap_w" wx:if="{{ adList.length !=0 }}">
			<!-- 多图 -->
			<view class="ad_wrap" wx:if="{{ adList.length > 1 }}">
				<swiper autoplay="{{ true }}" circular="{{ true }}" interval="{{ interval }}" duration="{{duration}}" bindchange="changeAd">
					<swiper-item wx:for="{{ adList }}" wx:key="index">
						<image class="ad_tu" src="{{ imgUrl + item.thumb }}"  bind:tap="goAdUrl" data-item="{{ item }}"></image>
					</swiper-item>
				</swiper>
				<view class="dots">
					<block wx:for="{{ adList }}" wx:key="index">
						<view class="{{ index == current ? 'dot active' : 'dot'}}"></view>
					</block>
				</view> 
			</view>
			<!-- 单图 -->
			<view class="ad_wrap" wx:else>
				<image class="ad_tu" wx:for="{{ adList }}" wx:key="index" src="{{ imgUrl + item.thumb }}"  bind:tap="goAdUrl" data-item="{{ item }}"></image>
			</view>
		</view>
	</view>
</view>