<view class="headimg">
  <image src="/img/headimg.png"></image>

  <view class="logo">
    <image src="/img/logo.png"></image>
  </view>

  <view class="swiperbox">
    <view class="swiper_image">
      <swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}" class="swiper_item_img" bindchange="swiperChange">
        <block wx:for="{{imgUrls}}" wx:key="doct">
          <swiper-item>
            <image src="{{item.image}}" data-index='{{index}}' class="slide-image" bindtap='viewImg' width="355" height="150" />
          </swiper-item>
        </block>
      </swiper>
      <view class="swiperdot">{{currentpage}}/{{imgUrls.length}}</view>

    </view>
  </view>
</view>

<view class="headwhite"></view>

<view class="boximg">
  <view class="topbox">
    <view class="topboxleft" bindtap="company">
      <image src="{{companyImg}}"></image>
      <view class="textbox">
        <view class="textboxtop">Company profile</view>
        <view class="textboxbottom">公司简介</view>
      </view>
      <view class="yourow">
        <image src="/img/row.png"></image>
      </view>
    </view>

    <view class="topboxright_t" bindtap="serviceinto">
      <image src="{{introImg}}"></image>
      <view class="servicetext">
        <view class="serviceword">Service</view>
        <view class="serviceword">introduction</view>
        <view class="serviceword">服务介绍</view>
      </view>
      <view class="yourow">
        <image src="/img/row.png"></image>
      </view>
    </view>
  </view>
  <!-- 普通用户 -->
  <view class="topbox xiabox">
    <view class="topboxright" bindtap="serviceexperience" wx:if="{{isVip == 0}}">
      <image src="{{experImg}}"></image>
      <view class="servicetext">
        <view class="serviceword">Service</view>
        <view class="serviceword">experience</view>
        <view class="serviceword">服务体验</view>
      </view>
      <view class="yourow">
        <image src="/img/row.png"></image>
      </view>
    </view>
    <view class="topboxright" bindtap="toRegister" wx:if="{{isVip == 0}}">
      <image src="{{registerImg}}"></image>
      <view class="servicetext">
        <view class="serviceword">Member</view>
        <view class="serviceword">registration</view>
        <view class="serviceword">会员注册</view>
      </view>
      <view class="yourow">
        <image src="/img/row.png"></image>
      </view>
    </view>
    <view class="topboxright" bindtap="vipmember" wx:if="{{isVip == 0}}">
      <image  src="{{personalImg}}"></image>
      <view class="servicetext">
        <view class="serviceword">Personal</view>
        <view class="serviceword">center</view>
        <view class="serviceword">个人中心</view>
      </view>
      <view class="yourow">
        <image src="/img/row.png"></image>
      </view>
    </view>
    <!-- vip -->
    <view class="topboxvip" bindtap="vipmember" wx:if="{{isVip == 1}}">
      <image  src="{{personalImg}}"></image>
      <view class="servicetext">
        <view class="serviceword">Personal</view>
        <view class="serviceword">center</view>
        <view class="serviceword">个人中心</view>
      </view>
      <view class="yourow">
        <image src="/img/row.png"></image>
      </view>
    </view>
    <view class="topboxleft" bindtap="reserveNow" wx:if="{{isVip == 1}}">
      <image mode='widthFix' src="{{reservaImg}}"></image>
      <view class="textbox">
        <view class="textboxtop">Immediately reservation</view>
        <view class="textboxbottom">一键预约</view>
      </view>
      <view class="yourow">
        <image src="/img/row.png"></image>
      </view>
    </view>
  </view>

</view>

<view class="bottomimg">
  <image src="/img/bottom.png"></image>
</view>
<!-- 是否预约 -->
<!-- 弹窗 -->
<view class="register" wx:if="{{yuyuecancel}}">
  <view class="yuyuewrap">
      <view class="yuyuewraptop">您确定要进行预约服务吗?</view>

      <view class="yuyuebottom">
          <view class="yuyuebottomleft" bindtap="cancelyuyue">取消</view>
           <view class="yuyuebottomright" bindtap='confirmAppoint'>确定</view>
      </view>
  </view>

</view>

<!-- 预约成功 -->

<view class="register" wx:if="{{yuyuesuccess}}">
    <view class="yuyuewrap">
        <view class="yuyuecheng">预约成功</view>
        <view class="yuyuechengword">润宝家将尽快与您电话联系</view>

        <view class="yuyuesure" bindtap="sure">确定</view>
    </view>
</view>