cardtest/pages/index/index.wxml

<import src="index.skeleton.wxml" />
<template is="skeleton" wx-if="{{loading}}" />

<block wx:if="{{!loading}}">
	<!-- 定位 -->
	<view class="locationPicker" style="padding-top:{{statusBarHeight}}px;">
		<image class="locationPicker-icon" src="/static/icon/indexSite.png"></image>
		<navigator url="/pages/switchcity/switchcity?city_code={{address.city_code}}&area_code={{address.area_code}}&city={{address.city}}&area={{address.area}}" hover-class="none" class="cityCont">
			<view class="nowrap">
				<text>{{address.city}}{{address.area}}</text>
			</view>
			<image src="/static/img/arrow.png"></image>
		</navigator>
	</view>


	<!-- 首页 -->
	<view class="indexTab" style="top:{{statusBarHeight + 40}}px;">
		<view class="indexTab-lable {{stateType == 'shaky' ? 'active':''}}" data-state="shaky" bindtap="orderTab">活动中心
		</view>
		<view class="indexTab-lable {{stateType == 'silver' ? 'active':''}}" data-state="silver" bindtap="orderTab">白金会员
		</view>
		<view class="indexTab-lable {{stateType == 'drill' ? 'active':''}}" data-state="drill" bindtap="orderTab">钻石会员
		</view>
	</view>
	<view class="indexTop" style="padding-top:{{statusBarHeight + 80}}px;">
		<!-- 卡片轮播 -->
		<view class="indexBanner">
			<view class="banner">
				<swiper class="banner-swiper" interval="3000" autoplay bindchange="monitorCurrent" current="{{current}}">
					<swiper-item wx:for="{{adverts}}" wx:key="adverts">
						<image class="banner-img" src="{{item.cover}}" show-menu-by-longpress="true" mode="aspectFill"
							bindtap="clickImg" data-img="{{item.qrcode}}" data-index="{{index}}">
						</image>
						<i class="light"></i>
					</swiper-item>
				</swiper>

				<swiper class="banner-swiper" interval="3000" autoplay circular current="{{current}}" bindchange="swiperChange">
					<swiper-item wx:for="{{adverts}}" wx:key="adverts" bindtap="navigato" data-url="{{item.url}}">
						<image class="banner-img" src="{{item.cover}}" show-menu-by-longpress="true" mode="aspectFill"
							bindtap="clickImg" data-img="{{item.qrcode}}" data-index="{{index}}">
						</image>
						<i class="light"></i>
					</swiper-item>
				</swiper>

			</view>
		</view>

		<!-- 自定义轮播图进度点 -->
		<view class="dots">
			<block wx:for="{{adverts}}" wx:key="cardBanner">
				<view class='{{index == swiperCurrent ? "active":""}}'></view>
			</block>
		</view>

		<!-- 公告 -->
		<view class="indexNews">
			<image src="/static/icon/news_icon.png"></image>
			<view class="marquee_container" style="--marqueeWidth--:-30em">
				<view class="marquee_text {{ noticeData.length > 20 ? 'active' : ''}}">{{noticeData}}</view>
			</view>
		</view>

		<!-- 活动中心-权益列表 -->
		<view class="cardArr" wx:if="{{stateType == 'shaky'}}">
			<view class="cardArr-top">
				<block wx:if="{{cardArr.length > 0}}">
					<view bindtap="rightNav" wx:for="{{cardArr}}" wx:key="cardArr" class="indexCard"
						data-id="{{item.right_config_id}}">
						<image class="indexCard-img" src="{{item.cover}}"></image>
						<view class="nowrap indexCard-title">{{item.title}}</view>
						<view class="nowrap activity-remark" wx:if="{{item.subtitle != null}}">
							<text class="nowrap">{{item.subtitle}}</text>
						</view>
						<view class="activity-tips" wx:if="{{item.label}}">{{item.label}}</view>
					</view>
				</block>
				<block wx:else>
					<view class="legalTips">
						<image src="/static/img/legal_tips.png"></image>
						<text>抱歉, 此地区暂无权益</text>
					</view>
				</block>
			</view>

			<!-- 福利日 -->
			<view class="Welfare" wx:if="{{activities.length > 0}}">
				<view class="WelfareTitle"><text>周五会员福利日</text></view>
				<view class="WelfareList">
					<view class="WelfareList-back" bindtap="Snapup" wx:for="{{activities}}" wx:key="activities"
						data-text="{{item.code_text}}" data-can="{{item.canBuy}}" data-id="{{item.welfare_id}}">
						<image class="WelfareList-img {{item.surplus == 0 ? 'active' : ''}}"
							src="/static/img/welfare_back.png"></image>
						<view class="WelfareList-left">
							<view class="cell">
								<view class="WelfareList-left-price">{{item.price}}<text> 元</text></view>
								<view class="WelfareList-left-title">{{item.title}}</view>
							</view>
						</view>
						<view class="WelfareList-right">
							<view class="WelfareList-cont">
								<view class="nowrap WelfareList-title">每周五：</view>
								<view class="nowrap WelfareList-text">{{item.start_time}} 开抢</view>
								<view class="nowrap WelfareList-text">{{item.end_time}} 结束</view>
								<view class="nowrap WelfareList-all">[限量{{item.stock}}份] [剩余{{item.surplus}}份]</view>
							</view>
						</view>
						<view class="WelfareList-btn {{item.surplus == 0 ? 'active' : ''}}">
							<text>抢</text>
						</view>
					</view>
				</view>
			</view>
		</view>

		<!-- 白金会员&钻石会员-权益列表 -->
		<view class="cardArr" wx:else>
			<view class="cardArr-top">
				<block wx:if="{{cardArr.length > 0}}">
					<!-- <view bindtap="userNav" wx:for="{{cardArr}}" wx:key="cardArr" class="indexCard" data-id="{{item.id}}"
					data-type="{{item.get_type}}"> -->
					<view bindtap="userNav" data-id="{{item.category_id}}" wx:for="{{cardArr}}" wx:key="cardArr"
						class="indexCard">
						<image class="indexCard-img" src="{{item.cover}}"></image>
						<view class="nowrap indexCard-title">{{item.title}}</view>
						<view class="nowrap indexCard-remark" wx:if="{{item.description != null}}">{{item.description}}
						</view>
						<view class="activity-tips indexCard-tips" wx:if="{{item.label != ''}}">{{item.label}}</view>
					</view>
				</block>
				<block wx:else>
					<view class="legalTips">
						<image src="/static/img/legal_tips.png"></image>
						<text>抱歉, 此地区暂无权益</text>
					</view>
				</block>
			</view>
		</view>
	</view>
</block>