<home-skeleton isLoading="{{isLoading}}">
  <view class="top-box" style="padding-top:96rpx;padding-left: 20rpx;">
    <image class="image-bgc" src="https://we-spa.oss-cn-shenzhen.aliyuncs.com/wxapp/20220317/home_bgc.png"></image>
    <view class="flex">
      <image src="/images/icon_06.png"></image>
      <text style="color: #fff;">南山店海雅店</text>
      <image src="/images/icon_07.png"></image>
    </view>
  </view>
  <view class="content" style="margin-top: -270rpx;">
    <swiper indicator-dots autoplay circular indicator-color="#CECECE" indicator-active-color="#FA7D22">
      <swiper-item wx:for="{{homeData.banner}}" wx:key="index" bindtap="goToUrl" data-url="{{ item.url }}">
        <image src="{{item.image_url}}"></image>
      </swiper-item>
    </swiper>
    <view class="plan flex">
      <view class="plan-item flex-column" style="width:240rpx;margin-right: 20rpx;">
        <view class="top-text flex-align-center">肌肤得分</view>
        <view class="bottom-box flex1 flex-column flex-center">
          <text class="sum">58</text>
          <text class="text">检测于5天前</text>
        </view>
      </view>
      <view class="plan-item flex1 flex-column">
        <view class="top-text flex-justify-space-between flex-align-center">
          <text>我的变美计划</text>
          <text>33%>></text>
        </view>
        <view class="bottom-box flex-align-center plan-scroll-x flex1 " style="overflow-x: scroll;">
          <image src="" wx:for="{{ 5 }}" wx:key="index"></image>
        </view>
      </view>
    </view>
    <view class="title flex-align-center">开卡活动</view>
    <swiper indicator-dots autoplay circular indicator-color="#CECECE" indicator-active-color="#FA7D22">
      <swiper-item wx:for="{{homeData.banner}}" wx:key="index" bindtap="goToUrl" data-url="{{ item.url }}">
        <image src="{{item.image_url}}"></image>
      </swiper-item>
    </swiper>
    <view class="title flex-align-center flex-justify-space-between">
      <text class="title-text flex-align-center">推荐项目</text>
      <view class="right flex-align-center">
        <text>查看更多</text>
        <image src="/images/icon_08.png"></image>
      </view>
    </view>
    <view class="project-list">
      <view class="project-item flex flex-align-center" style="padding: 0 72rpx 0 48rpx;" wx:for="{{ 3 }}" wx:key="index">
        <view class="flex-column flex1">
          <text style="font-size: 28rpx;font-weight: 500;font-family: PingFangSC-Medium, PingFang SC;">水氧活肤</text>
          <text style="font-size: 24rpx;color:#666;margin-top: 18rpx;margin-bottom: 54rpx;">帮您解决缺水、细纹、干燥起皮、色斑、暗沉、粗糙</text>
          <text style="font-size: 28rpx;">时长45分钟</text>
        </view>
        <image src="" style="margin-left: 84rpx;"></image>
      </view>
    </view>
    <view class="flex article">
      <view class="article-item flex-column left flex-center">
        <image src="/images/icon_logo.png"></image>
        <text>互联网自助美容</text>
      </view>
      <view class="flex1 flex-column right">
        <view class="article-item flex1 right-item flex-align-center" style="margin-bottom: 20rpx;">
          <image src="/images/icon_09.png"></image>
          <text>设备介绍</text>
        </view>
        <view class="article-item flex1 right-item flex-align-center">
          <image src="/images/icon_10.png"></image>
          <text>会员以产品</text>
        </view>
      </view>
    </view>
  </view>
  <view class="location flex-align-center" bindtap="goToStore">
    <!-- <view class="img">
  <image class="img1" src="{{homeData.store.logo_url}}"></image>
  <image class="img2" src="/images/my/downsemicircle.png"></image>
  <text>已选</text>
</view> -->
    <image src="{{homeData.store.logo_url}}"></image>
    <view class="text flex-column flex1">
      <view class="text-box flex-align-center" style="margin-bottom:8rpx;">
        <text class="ellipsis" style="font-family: PingFangSC-Semibold;">{{homeData.store.store_name}}</text>
        <view class="active flex-center">已选</view>
      </view>
      <view class="text-box flex-align-center">
        <text class="ellipsis" style="font-size:24rpx;width:280rpx;">{{homeData.store.belong_region}}</text>
        <text style="font-size:24rpx;color: #FA7D22;">更多>></text>
      </view>
    </view>
  </view>
  <view class="content">
    <view class="title flex-align-center">项目推荐</view>
    <view class="list">
      <!-- <navigator wx:for="{{list}}" wx:key="index"
      url="/pages/projectDetail/projectDetail?project_id={{item.id}}&store_id={{homeData.store.id}}"
      hover-class="none" id="goToProject">
    </navigator> -->
      <view bindtap="goToProject" class="goToProject" data-item="{{item}}" wx:for="{{list}}" wx:key="index">
        <view class="item radius flex-column">
          <image class="item-top" src="{{item.cover_url}}"></image>
          <view class="item-text flex-column">
            <!-- <view class="box">
          <image src="/images/my/tag.png"></image>
          <view class="flex-center">{{index+1}}</view>
        </view> -->
            <text class="ellipsis" style="font-family: PingFangSC-Medium, PingFang SC;">{{item.project_name}}</text>
            <text class="ellipsis" style="font-size: 24rpx;color: #666;margin-top: 10rpx;" wx:if="{{item.project_desc}}">{{item.project_desc}}</text>
          </view>
          <view class="item-btn flex-align-center">
            <text style="font-family: PingFangSC-Semibold;font-size: 44rpx;color: #E95564;">¥{{item.price}}</text>
            <text style="margin-left:24rpx;font-size: 28rpx;color: #CCCCCC;text-decoration:line-through;">¥{{item.original_price}}</text>
            <text class="flex1"></text>
            <view class="btn flex-center">预约项目</view>
            <!-- <image src="/images/my/button.png">
          <text class="flex-center">预约项目</text>
        </image> -->
          </view>
        </view>
      </view>
      <view style="text-align:center;margin-top:100rpx;color:#fff;display: {{list.length == 0 ? 'block' : 'none'}};">
        该店铺暂无项目~
      </view>
    </view>
    <view class="title flex-align-center" style="justify-content: space-between" wx:if="{{ homeData.case_list && homeData.case_list.length > 0 }}">
      <text style="font-family: PingFangSC-Semibold, PingFang SC;">会员案例</text>
      <navigator url="/pages/caseList/caseList" hover-class="none">
        <view class="flex-align-center">
          <text style="font-size: 28rpx;color: #666666;">查看全部</text>
          <image style="width: 48rpx;height: 48rpx;" src="/images/icon_01.png"></image>
          <!-- <text style="font-size: 28rpx;color: #666666;">查看全部 >></text> -->
        </view>
      </navigator>
    </view>
    <scroll-view class="case-list" scroll-x>
      <view class="flex">
        <navigator url="/pages/caseDetail/caseDetail?id={{item.id}}" hover-class="none" wx:for="{{ homeData.case_list }}" wx:key="index" class="test">
          <view class="case-item flex-column">
            <image src="{{ item.cover }}"></image>
            <view class="text-box flex-column">
              <text class="ellipsis" style="font-size: 28rpx;font-family: PingFangSC-Medium, PingFang SC;">{{ item.title }}</text>
              <text class="ellipsis" style="font-size: 24rpx;color: #666666;">{{ item.desc }}</text>
            </view>
          </view>
        </navigator>
      </view>
    </scroll-view>
  </view>
  <navigator url="/pages/vip/vip" hover-class="none" wx:if="{{ activity.expire_time_seconds && activity.expire_time_seconds > 0 && btmToast }}">
    <view class="btm-toast">
      <view class="flex flex-center margin-box">
        <image src="/images/icon_avatar_01.png" class="left-image"></image>
        <view class="right flex1 flex-column">
          <view class="">
            <text>初次到店体验后福利，立即开卡享</text>
            <text style="color:#FF6CB2;">{{activity.discount}}</text>
            <text>折</text>
          </view>
          <text>福利活动剩余时间 {{activity.currentTime}}</text>
          <text>错过不再有，速领！</text>
        </view>
        <image src="/images/icon_close_01.png" class="close" catchtap="onCloseToast"></image>
        <view class="btn flex-center">立即开卡</view>
      </view>
    </view>
  </navigator>
  <wux-landscape visible="{{ visible }}" maskClosable="{{ true }}" closable="{{ true }}" bind:close="onClose" data-key="visible" class="home-coupon" newPrefixCls="wux-popup-widtn">
    <view class="img-box" bindtap="onConfirm">
      <image src="https://we-spa.oss-cn-shenzhen.aliyuncs.com/wxapp/20220317/home_popup.png" class="coupon-popup-img" />
      <text>有效期：{{coupon.ex_time}}</text>
    </view>
    <!-- <view class="coupon-popup" style="display: none;">
  <text style="font-size: 36rpx;">恭喜获取优惠券一张</text>
  <view class="item flex">
    <view class="item-left flex-center">
      <text style="color: #fff;">新人\n体验券</text>
    </view>
    <view class="item-right flex1 flex-column">
      <text>有效期</text>
      <text>{{coupon.ex_time}}</text>
      <text>{{coupon.coupon_desc}}</text>
    </view>
  </view>
  <view class="btn flex-center" bindtap="onConfirm">确认领取</view>
</view> -->
  </wux-landscape>
  <!-- 一天一次 -->
  <!-- 项目详情 -->
  <!-- !visible && posterPopup -->
  <wux-landscape visible="{{ !visible && posterPopup }}" maskClosable="{{ true }}" closable="{{ true }}" wx:if="{{ homeData.ad && homeData.ad.cover }}" bind:close="onClose" data-key="posterPopup" class="home-poster" newPrefixCls="wux-popup-widtn">
    <view class="img-box" bindtap="goToUrl" data-url="{{ homeData.ad.url }}">
      <image src="{{homeData.ad.cover}}" class="coupon-popup-img" />
    </view>
  </wux-landscape>
</home-skeleton>