<!--
此文件为开发者工具生成，生成时间: 2021/4/22 下午3:55:40
使用方法：
在 H:\工作项目\亿时代-本时生活-2021-04-13\本时生活\pages\index\index.wxml 引入模板

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

在 H:\工作项目\亿时代-本时生活-2021-04-13\本时生活\pages\index\index.wxss 中引入样式
```
@import "./index.skeleton.wxss";
```

更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
-->
<template name="skeleton">
  <view class="sk-container">
    <view class="locationPicker" style="padding-top:44px;">
      <image class="locationPicker-icon sk-image"></image>
      <navigator class="cityCont" hover-class="none">
        <view class="nowrap sk-transparent">
          <text class="sk-transparent sk-text-30-0000-789 sk-text">哈尔滨市</text>南岗区
        </view>
        <image class="sk-image"></image>
      </navigator>
    </view>
    <view class="indexTab" style="top:84px;">
      <view class="indexTab-lable active sk-transparent sk-image" data-state="shaky">活动中心
      </view>
      <view class="indexTab-lable sk-transparent sk-text-32-2222-11 sk-text" data-state="silver" style="background-position-x: 50%;">白金会员
      </view>
      <view class="indexTab-lable sk-transparent sk-text-32-2222-270 sk-text" data-state="drill" style="background-position-x: 50%;">钻石会员
      </view>
    </view>
    <view class="indexTop" style="padding-top:124px;">
      <view class="indexBanner sk-pseudo sk-pseudo-circle">
        <view class="banner">
          <swiper autoplay="false" class="banner-swiper" current="0" interval="3000">
            <swiper-item style="position: absolute; width: 100%; height: 100%; transform: translate(0%, 0px) translateZ(0px);">
              <image class="banner-img sk-image" data-img="true" data-index="0" mode="aspectFill" show-menu-by-longpress="true"></image>
              <i class="light"></i>
            </swiper-item>
          </swiper>
        </view>
      </view>
      <view class="dots">
        <view class="active"></view>
      </view>
      <view class="indexNews">
        <image class="sk-image"></image>
        <view class="marquee_container" style="--marqueeWidth--:-30em">
          <view class="marquee_text sk-transparent sk-text-14-2857-898 sk-text">您的预约已成功，请点击继续办理</view>
        </view>
      </view>
      <view class="cardArr">
        <view class="cardArr-top">
          <view class="legalTips">
            <image class="sk-image"></image>
            <text class="sk-transparent sk-text-14-2857-980 sk-text" style="background-position-x: 50%;">抱歉, 此地区暂无权益</text>
          </view>
        </view>
        <view class="Welfare">
          <view class="WelfareTitle">
            <text class="sk-transparent sk-image">周五会员福利日</text>
          </view>
          <view class="WelfareList sk-pseudo sk-pseudo-circle">
            <view class="WelfareList-back" data-can="true" data-id="1" data-text="可购买">
              <image class="WelfareList-img sk-image"></image>
              <view class="WelfareList-left">
                <view class="cell">
                  <view class="WelfareList-left-price sk-transparent">15
                    <text class="sk-transparent sk-text-14-2857-662 sk-text" style="background-position-x: 50%;"> 元</text>
                  </view>
                  <view class="WelfareList-left-title sk-transparent sk-text-14-2857-553 sk-text" style="background-position-x: 50%;">全车型洗车券</view>
                </view>
              </view>
              <view class="WelfareList-right">
                <view class="WelfareList-cont">
                  <view class="nowrap WelfareList-title sk-transparent sk-text-13-6364-777 sk-text">每周五：</view>
                  <view class="nowrap WelfareList-text sk-transparent sk-text-13-6364-28 sk-text">08:00:00 开抢</view>
                  <view class="nowrap WelfareList-all sk-transparent sk-text-22-7273-273 sk-text">[限量100份] [剩余97份]</view>
                </view>
              </view>
              <view class="WelfareList-btn sk-pseudo sk-pseudo-circle">
                <text class="sk-transparent sk-image">抢</text>
              </view>
            </view>
          </view>
        </view>
      </view>
    </view>
  </view>
</template>