<!--index.wxml-->
<view scroll-y style='height:100vh;'>
  <!--banner-->
  <block wx:if="{{chartShow == 1}}">
    <swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}" style='height: 500rpx;'>
      <block wx:for="{{imgUrls}}" wx:key="{{index}}">
        <swiper-item>
          <image src="{{imgbBefore + item.img}}" class="slide-image" style='width: 100vw;height: 100%;' />
        </swiper-item>
      </block>
    </swiper>
  </block>

<!--  公告栏  -->
  <view class="notification" wx:if="{{notice.status==1}}">
    <view class="notification_title">
      <view class='notice_img'><image src='/images/notice2.png'></image></view><view class='notice_text'>{{notice.title}} :<text decode='true'>&nbsp;</text> </view> </view>
    <view class="notification_content">
      <view class="monitor" style="animation-duration:{{animateTime}}">
        <!-- <text class="">{{article}}</text> -->
        <text decode='true'>&nbsp;&nbsp;&nbsp;&nbsp;</text>
        <rich-text class='rich_text' nodes="{{article}}"></rich-text>
      </view>
    </view>
  </view>

  <!-- search -->
  <!-- <view class="search" bindtap='goSearch'>
    <text class="search-icon iconfont icon-cx"></text>
    <text class="search-text">可以查询商品名字</text>
  </view> -->
  <!-- kind  -->
  <view class="kind" wx:if="{{logoShow == 1}}">
    <view class="kind-item flex-row flex-wrap">
      <view class="kind-detail flex-column a-center" data-key="mall" bindtap="goKind" wx:if="{{swtich[0].status=='1'}}">
        <image class="kind-icon" src='/images/mall.png'></image>
        <text class="kind-text">Redeem Mall</text>
      </view>
      <view class="kind-detail flex-column a-center" data-key="egg" bindtap="goKind" wx:if="{{swtich[14].status=='1'}}">
        <image class="kind-icon" src='/images/egg.png'></image>
        <text class="kind-text">Golden Egg</text>
      </view>
      <view class="kind-detail flex-column a-center" data-key="luckydraw" bindtap="goKind" wx:if="{{swtich[13].status=='1'}}">
        <image class="kind-icon" src='/images/luckydraw.png'></image>
        <text class="kind-text">Spin Wheel</text>
      </view>
      <view class="kind-detail flex-column a-center" data-key="guagua" bindtap="goKind" wx:if="{{swtich[12].status=='1'}}">
        <image class="kind-icon" src='/images/guagua.png'></image>
        <text class="kind-text">Scratch & win</text>
      </view>
      <view class="kind-detail flex-column a-center" data-key="delicious" bindtap="goKind" wx:if="{{swtich[11].status=='1'}}">
        <image class="kind-icon" src='/images/delicious.png'></image>
        <text class="kind-text">Food Info</text>
      </view>

      <view class="kind-detail flex-column a-center" data-key="tuike" bindtap="goKind" wx:if="{{swtich[10].status=='1'}}">
        <image class="kind-icon" src='/images/tuike.png'></image>
        <text class="kind-text">C2C</text>
      </view>
      <view class="kind-detail flex-column a-center" data-key="order_center" bindtap="goKind" wx:if="{{swtich[8].status=='1'}}">
        <image class="kind-icon" src='/images/order_center.png'></image>
        <text class="kind-text">Order Center</text>
      </view>
      <view class="kind-detail flex-column a-center" data-key="DistributeCenter" data-share_status="{{userInfo.share_status}}" data-index="0" bindtap='goKind' wx:if="{{swtich[9].status=='1'}}">
        <image class="kind-icon" src='/images/fenxiao.png'></image>
        <text class="kind-text">{{userInfo.share_status == 1 ? 'Distributor' : 'Distributor'}}</text>
      </view>
      <view class="kind-detail flex-column a-center" data-key="reserve" bindtap="goKind" wx:if="{{swtich[7].status=='1'}}">
        <image class="kind-icon" src='/images/reserve.png'></image>
        <text class="kind-text">Reservation</text>
      </view>
      <view class="kind-detail flex-column a-center" data-key="off_buy" bindtap="goKind" wx:if="{{swtich[6].status=='1'}}">
        <image class="kind-icon" src='/images/off_buy.png'></image>
        <text class="kind-text">Offer</text>
      </view>
      <view class="kind-detail flex-column a-center" data-key="take_out" bindtap="goKind" wx:if="{{swtich[5].status=='1'}}">
        <image class="kind-icon" src='/images/take_out.png'></image>
        <text class="kind-text">Takeaway</text>
      </view>
      <view class="kind-detail flex-column a-center" data-key="code" bindtap="goKind" wx:if="{{swtich[4].status=='1'}}">
        <image class="kind-icon" src='/images/code.png'></image>
        <text class="kind-text">Scan & Order</text>
      </view>
      <view class="kind-detail flex-column a-center" data-key="about_us" bindtap="goKind" wx:if="{{swtich[3].status=='1'}}">
        <image class="kind-icon" src='/images/about_us.png'></image>
        <text class="kind-text">About Us</text>
      </view>
      <view class="kind-detail flex-column a-center" data-key="coupon" bindtap="goKind" wx:if="{{swtich[2].status=='1'}}">
        <image class="kind-icon" src='/images/coupon.png'></image>
        <text class="kind-text">Get Voucher</text>
      </view>
      <view class="kind-detail flex-column a-center" data-key="vip" bindtap="goKind" wx:if="{{swtich[1].status=='1'}}">
        <image class="kind-icon" src='/images/vip.png'></image>
        <text class="kind-text">Top up</text>
      </view>
      <view class="kind-detail flex-column a-center" data-key="sign" data-indexSign='1' bindtap="goSign" wx:if="{{swtich[15].status=='1'}}">
        <image class="kind-icon" src='/images/sign.png'></image>
        <text class="kind-text">Check-In</text>
      </view>
    </view>
  </view>

  <!-- shopInfo  -->

  <!-- 餐厅信息  -->
  <view class='dining_message' bindtap='goMessage' wx:for="{{recommend}}" wx:key="unique" data-id='item.id'>
    <view class='dinning_title'>
      <!-- <view><image src='/images/foods/ellipse.png'></image></view> -->
      <view class='padding_text'>Store Info</view>
      <!-- <view class='css3_rotate'><image src='/images/foods/ellipse.png'></image></view> -->
    </view>


    <view class='dining_content'>
      <view class='message_left'>
        <image src="{{item.picture}}"></image>
      </view>
      <view class='message_right'>
        <text class='message_text1'>{{item.business_name}}</text>
        <view>
          <text class='message_text2'>{{storeInfo.business_des}}</text>
        </view>
      </view>
    </view>

  </view>

  <!-- 餐厅地址电话 -->
  <view class='dining_box' wx:for="{{recommend}}" wx:key="unique">
    <view class='address_img'>
      <text class='iconfont icon-dingwei1'></text>
    </view>
    <view class='address_text'>
      <text>{{item.business_address}}</text>
    </view>
    <view class='dining_address' style='border-right:1px solid #eee' data-business_id='{{item.id}}' bindtap='goAddress'>
      <text class='iconfont icon-daohang'></text>
      <text>Location</text>
    </view>
    <view class='dining_address' data-phone='{{item.business_phone}}' bindtap='callPhone'>
      <text class='iconfont icon-dianhua'></text>
      <text class='store_phone'>Phone</text>
    </view>
  </view>
  <!-- shopInfo  -->

  <!-- coupon  -->
  <!-- <view class="couponList pad30">
    <scroll-view scroll-x>
      <view class="coupon-item" style="background: url('../../images/couponbg.png'); background-repeat: no-repeat;background-size: 70vw 200rpx;">
        <view class="flex-row a-center j-around coupon-box" style="height:100%;">
          <view class="coupon-left">
            <view>￥
              <text class="coupon-sale">10</text>
            </view>
            <text class="coupon-text">优惠券</text>
          </view>
          <view class="coupon-right" bindtap="goKind" data-key="coupon">
            <view class="coupon-text">立即领取</view>
          </view>
        </view>
      </view>
    </scroll-view>
  </view> -->

  <!-- video 视频 -->
  <view class="video" wx:if="{{videoData.status == 1}}">
    <video id="my-video" src="{{imgbBefore + videoData.vedio}}" poster="{{imgbBefore + videoData.img}}" objectFit='fill' controls="true">

    </video>
  </view>

  <!-- <view class="video"  wx:if="{{videotatus == '1'}}"> 
    <video id="my-video" src="{{imgUrlBefore + swtich[14].video}}" poster="{{imgUrlBefore + swtich[14].img}}"  objectFit='fill' controls="true">   
    </video>
  </view> -->

  <!--  分类展示  -->

  <view class='shop_kind' bindtap='kindGoStore' wx:if="{{cateShow == 1}}">
    <view class='kind_list'>
      <view class='kind_logo'>
        <image src='/images/new_recommend.png'></image>
      </view>
      <view class='kind_text'>New Item Recommend</view>
    </view>
    <view class='kind_list'>
      <view class='kind_logo'>
        <image src='/images/new_off.png'></image>
      </view>
      <view class='kind_text'>Offered package</view>
    </view>
    <view class='kind_list'>
      <view class='kind_logo'>
        <image src='/images/special_recommend.png'></image>
      </view>
      <view class='kind_text'>Signature Recommended</view>
    </view>
    <view class='kind_list'>
      <view class='kind_logo'>
        <image src='/images/time_off.png'></image>
      </view>
      <view class='kind_text'>Limited Time Discount</view>
    </view>
  </view>


  <!-- 分界线  -->
  <!-- <view class='divide'></view> -->

  <!--  店铺与美食  -->
  <view class='delicacy'>
    <view class='dinning_title'>
      <view>
        <!-- <image src='/images/foods/ellipse.png'></image> -->
      </view>
      <view class='padding_text'>Shop and Food</view>
      <view class='css3_rotate'>
        <!-- <image src='/images/foods/ellipse.png'></image> -->
      </view>
    </view>

    <view class='delicacy_content'>
      <view class='delicacy_box'>

        <view class='delicacy_list' wx:for="{{dish[0]}}" wx:key="unique" bindtap='goMessage' data-id='item.id'>
          <view>
            <image src='{{item.img}}'></image>
          </view>
          <view class='delicacy_text'>
            <view class='text_left'>
              <view class='rpx24'>
                <text>{{item.title}}</text>
              </view>

              <view class='rpx16'>
                <text>Sold {{item.sales}}</text>
              </view>
            </view>

            <view class='delicacy_row'>
              <text class='rpx30'>RM{{item.price}}</text>
            </view>
          </view>
        </view>

      </view>
    </view>

  </view>


</view>