jzmall_wx/pages/index/index.wxml

<!--index.wxml-->
<view class="container">
  <view style="display: none; " class="address">
    <view class="name" bindtap="goCheckAddress">
      <image style="width: 28rpx;height: 36rpx;" src="/static/images/new/map.png" mode="widthFix"></image>
      <text class="jz-color address-name">{{addressInfo.address}}</text>
      <!-- <text class="shop-name"  wx:if="{{addressInfo.shopId!=0&&addressInfo.shopName}}">{{addressInfo.shopName}}</text> -->
      <image style="width: 14rpx;height: 24rpx;" src="/static/images/new/arrow-right.png" mode="widthFix"></image>
    </view>
    <!-- <button class="shar" open-type="share" >
    <image   src="/static/images/fenxiang.png"> </image>
</button> -->
    <!-- <view class="warning" wx:if="{{addressInfo.shopId==0}}">您的地址不在服务范围内，换一个试试</view> -->
  </view>
  <view class="search">
    <!-- <picker mode="selector" style="font-size:32rpx" range="{{citys}}" value="{{cityIndex}}" bindchange="listenerCitySelected">
    <view style="width: 160rpx;text-align: center;display: flex;">
      <image style="width: 45rpx;height: 45rpx;" src="/static/images/address.png"></image>
      <view style="font-size:32rpx">{{city}}</view>
    </view>
    </picker> -->
    <navigator url="/pages/category/search/search" class="input">
      <!-- <van-icon name="search" style="color:gray"/> -->
      <image style="width: 26rpx;height: 26rpx;margin-right:20rpx;" src="https://jzmall.lifejingzhi.com/file/jzmall-dy/search-new.png" mode="widthFix">
      </image>
      <text class="txt">搜索商品名称</text>
      <!-- 品质保洁，一搜就有 -->
      <!-- <text class="txt">商品搜索, 共{{goodsCount}}款好物</text> -->
    </navigator>
  </view>
  <!--<view class="no-login" wx:if="{{!hasLogin}}">
		<view class="c">
			<text>您还没有登录</text>
			<button open-type="getUserInfo" bindgetuserinfo="goLogin">
				<image class="wechat" src="/static/images/wechat.png"></image>
				点击授权微信登录
			</button>
		</view>
	</view>-->
  <view class='login'>
    <swiper class="banner" indicator-dots="{{banner.length>1?true:false}}"  autoplay="true" interval="3000" duration="1000" indicator-color="rgba(0, 192, 255, .2)" indicator-active-color="rgba(0, 192, 255)">
      <swiper-item wx:for="{{banner}}" wx:key="id">
        <block wx:if="{{item.link}}">
          <navigator url="{{item.link}}">
            <image mode="aspectFill" src="{{item.url}}"></image>
          </navigator>
        </block>
        <block wx:else>
          <image mode="aspectFill" src="{{item.url}}"></image>
        </block>
      </swiper-item>
    </swiper>

    <view class="m-menu">
      <!--index拿前5个，最后一个固定所有-->
      <navigator url="/pages/category/category?id={{item.id}}" wx:if="{{index<4}}" wx:for="{{channel}}" wx:key="id">
        <view class="category-item">
          <image src="{{item.iconUrl}}" ></image>
          <!-- <view class="item-name">{{item.name}}</view>
          <view class="item-desc">{{item.desc}}</view> -->
        </view>
      </navigator>
      <!-- <navigator class="item" open-type="switchTab" url="/pages/tabBar/catalog/catalog">
      <image src="/static/images/quanbufenlei.png" background-size="cover"></image>
      <text>全部分类</text>
    </navigator> -->
    </view>

    <!-- 超值周期 优选套餐 -->
    <!-- <navigator url="/pages/category/category?id={{item.id}}" wx:if="{{index>=4&&index<=6}}" wx:for="{{channel}}"
      wx:key="id">
      <view class="hot-item">
        <image src="{{item.iconUrl}}" mode="widthFix"></image>
      </view>
    </navigator> -->
		<view class="ad-wrapper">
		<navigator url="/pages/category/category?id=1036756">
      <view class="hot-item">
        <image src="{{'https://jzmall.lifejingzhi.com/file/jzmall/weixin/ad-02.png?'+randomNum}}"
          mode="widthFix"></image>
      </view>
    </navigator>
    <navigator url="/pages/category/category?id=1036038">
      <view class="hot-item">
        <image src="{{'https://jzmall.lifejingzhi.com/file/jzmall/weixin/ad-01.png?' +randomNum}}"
          mode="widthFix"></image>
			</view> 
    </navigator>
		<!-- <image src="{{'https://jzmall.lifejingzhi.com/file/jzmall/weixin/ad-kt.png?' +randomNum}}"
          mode="widthFix" class="kt-img" catchtap="goJoin"></image> -->
	</view>
  
    <!-- <navigator url="/pages/ucenter/wx/join"  >
      <view class="hot-item">
        <image src="https://7a68-zhaijieshi-3guecm78383ca692-1307626841.tcb.qcloud.la/index/coupon.jpg" mode="widthFix"></image>
      </view>
    </navigator> -->
    <!--<view class="m-menu">
			<view class="row"> 
				<navigator class="item item-1 shoadow" wx:if="{{channel.length>=1}}" url="/pages/category/category?id={{channel[0].id}}">
					<text class="title">{{channel[0].name}}</text>
					<text class="subtitle">{{channel[0].keywords}}</text>
					<text  class="border">上线专场</text>
					<image class="image1" src="{{channel[0].iconUrl}}" background-size="cover"></image>
				</navigator>

				<navigator wx:if="{{channel.length>=2}}" class="item item-2 image-margin shoadow" url="/pages/category/category?id={{channel[1].id}}">
					<text class="title">{{channel[1].name}}</text>
					<text class="subtitle">{{channel[1].keywords}}</text>
					<image class="image2" src="{{channel[1].iconUrl}}" background-size="cover"></image>
				</navigator>

				<navigator wx:if="{{channel.length>=3}}" class="item item-2 shoadow" url="/pages/category/category?id={{channel[2].id}}">
					<text class="title">{{channel[2].name}}</text>
					<text class="subtitle">{{channel[2].keywords}}</text>
					<image class="image2" src="{{channel[2].iconUrl}}" background-size="cover"></image>
				</navigator>
			</view>
			<view class="row">
				<navigator  wx:if="{{channel.length>=4}}" class="item item-2 image-margin shoadow" url="/pages/category/category?id={{channel[3].id}}">
					<text class="title">{{channel[3].name}}</text>
					<text class="subtitle">{{channel[3].keywords}}</text>
					<image class="image2" src="{{channel[3].iconUrl}}" background-size="cover"></image>
				</navigator>

				<navigator  wx:if="{{channel.length>=5}}" class="item item-2 image-margin shoadow" url="/pages/category/category?id={{channel[4].id}}">
					<text class="title">{{channel[4].name}}</text>
					<text class="subtitle">{{channel[4].keywords}}</text>
					<image class="image2" src="{{channel[4].iconUrl}}" background-size="cover"></image>
				</navigator>

			</view>

		</view>-->

    <!--
  <view class="a-section a-coupon" wx:if="{{coupon.length > 0}}">
    <view class="h">
      <view class="title">
        <view>
          <navigator url="/pages/coupon/coupon">
            <text class="txt">优惠券</text>
          </navigator>
        </view>
      </view>
    </view>
    <view wx:if="{{coupon.length>0}}" class="b">
      <view class="item" wx:for="{{coupon}}" wx:for-index="index" wx:for-item="item" wx:key="id" bindtap="getCoupon" data-index="{{item.id}}">
        <view class="tag">{{item.tag}}</view>
        <view class="content">
          <view class="left">
            <view class="discount">{{item.discount}}元</view>
            <view class="min"> 满{{item.min}}元使用</view>
          </view>
          <view class="right">
            <view class="name">{{item.name}}</view>
            <view class="desc">{{item.desc}}</view>
            <view class="time" wx:if="{{item.days != 0}}">有效期：{{item.days}}天</view>
            <view class="time" wx:else> 有效期：{{item.startTime}} - {{item.endTime}}</view>
          </view>
        </view>
      </view>
    </view>
  </view>

  <view class="a-section a-groupon" wx:if="{{groupons.length > 0}}">
    <view class="h">
      <view class="title">
        <view>
          <navigator url="/pages/groupon/grouponList/grouponList">
            <text class="txt">团购专区</text>
          </navigator>
        </view>
      </view>
    </view>
    <view class="b">
      <view class="item" wx:for="{{groupons}}" wx:for-index="index" wx:for-item="item" wx:key="id">
        <navigator url="/pages/goods/goods?id={{item.id}}">
          <image class="img" src="{{item.picUrl}}" background-size="cover"></image>
          <view class="right">
            <view class="text">
              <view class="header">
                <text class="name">{{item.name}}</text>
                <van-tag type="primary">{{item.grouponMember}}人成团</van-tag>
              </view>
              <view class="expire">
                <van-tag round type="warning">有效期至 {{item.expireTime}}</van-tag>
              </view>
              <text class="desc">{{item.brief}}</text>
              <view class="price">
                <view class="counterPrice">现价：￥{{item.retailPrice}}</view>
                <view class="retailPrice">团购价：￥{{item.grouponPrice}}</view>
              </view>
            </view>
          </view>
        </navigator>
      </view>
    </view>
  </view>


  <view class="a-section a-brand">
    <view class="h">
      <navigator url="../brand/brand">
        <text class="txt">品牌制造商直供</text>
      </navigator>
    </view>
    <view class="b">
      <view class="item item-1" wx:for="{{brands}}" wx:key="id">
        <navigator url="/pages/brandDetail/brandDetail?id={{item.id}}">
          <view class="wrap">
            <image class="img" src="{{item.picUrl}}" mode="aspectFill"></image>
            <view class="mt">
              <text class="brand">{{item.name}}</text>
              <text class="price">{{item.floorPrice}}</text>
              <text class="unit">元起</text>
            </view>
          </view>
        </navigator>
      </view>
    </view>
  </view>  -->

    <!-- 新品首发模块 -->
    <!-- <view class="a-section a-new" wx:if="{{newGoods.length > 0}}">
			<view class="h">
				<view style="width:100%;">
          <navigator url="../goods/newGoods/newGoods">
            <view class="txt1"></view>
            <view class="txt"> 新品首发</view>
            <view class="txt3"> 更多</view>

					</navigator>
				</view>
			</view>
			<view class="b">
				<view class="item" wx:for="{{newGoods}}" wx:for-index="index" wx:for-item="item" wx:key="id">
					<navigator class="good-nva" url="../goods/goods?id={{item.id}}">
						<image class="img" src="{{item.picUrl}}" background-size="cover"></image>
						<text class="price">￥{{item.retailPrice}}</text>
						<text class="name">{{item.name}}</text>
						<text class="brand">{{item.brand.name}}</text>
					</navigator>
				</view>
			</view>
		</view> -->

    <view class="a-section a-popular" wx:if="{{hotGoods.length > 0}}">
      <view class="h">
        <view class="popular-title" bindtap="goHotGoods">
          <!-- <navigator url="../goods/hotGoods/hotGoods" class="popular-title"> -->

          <view class="title-left">
            <view class="txt1"></view>
            <view class="txt">鲸致推荐</view>
          </view>
          <view class="title-right">
            <text class="sub-color more"> 更多</text>
            <van-icon name="arrow" color="#85868A" />
          </view>

          <!-- </navigator> -->
        </view>
      </view>
      <view class="b">
        <view wx:for="{{hotGoods}}" wx:for-index="index" wx:for-item="item" wx:key="id">
          <navigator url="/pages/goods/goods?id={{item.id}}" class="popular-item">
            <view class="item-img-wrapper">
              <image wx:if="{{item.isNew}}" src="/static/images/new/isnew.png" class="isNew" mode="aspectFill"></image>
              <image class="img" src="{{item.gallery[0]}}" mode="aspectFill"></image>
              <!-- <view class="item-tag">{{item.categoryName}}</view> -->
            </view>
            <view class="item-main">
              <view class="item-left">
                <view style="display: flex;align-items: center;">
                  <view class="self-tag">推荐</view>
                  <text class="product-item-name">{{item.name}}</text>
                </view>
                <text class="sub-color item-brief">{{item.brief}}</text>
              </view>
              <view style="width: 200rpx;margin-top: 6rpx;">
                <view wx:if="{{item.activited||item.counterPrice!=item.retailPrice}}" class="item-right counter-price">
                  市场价：¥{{item.counterPrice}}
                </view>
                <view class="item-right retail-price">
                  <text wx:if="{{item.activited}}" class="title">大促价：</text>
                  <text class="unit">¥</text>
                  <text wx:if="{{!item.activited}}" class="price">{{item.retailPrice}}</text>
                  <text wx:else="" class="price">{{item.activityPrice}}</text>
                </view>
              </view>
            </view>
            <!-- 活动商品 显示样式 -->
            <view wx:if="{{item.activited}}" class="activity">
              <view class="limit">
                <!-- 限时活动 -->
              </view>
              <view style="display: flex;align-items: center;">
                <image class="clock"
                  src="https://7a68-zhaijieshi-3guecm78383ca692-1307626841.tcb.qcloud.la/activity/clock.png"></image>
                <view class="time">距离活动仅剩{{item.activityDay}}天</view>
                <image class="arrow"
                  src="https://7a68-zhaijieshi-3guecm78383ca692-1307626841.tcb.qcloud.la/activity/arrow.png" />
              </view>
            </view>
            <!-- <view class="item-sub">
              <view class="item-left">
                <text class="sub-color item-brief">{{item.brief}}</text>
              </view>
              <view class="item-right member-price" wx:if="{{item.memberPrice!=item.retailPrice}}">
                <view class="member-price-tag">会员价</view>
                <view class="memberPrice">￥{{item.memberPrice}}</view>
                
              </view>
            </view> -->

            <!-- <view>
							<view class="text">
								<text class="name">{{item.name}}</text>
								<text class="desc">{{item.brief}}</text>
								<text class="price">￥{{item.retailPrice}}</text>
								<text class="brand">{{item.brand.name}}</text>
							</view>
						</view> -->
          </navigator>
        </view>
      </view>
    </view>

    <!--专题精选-->
    <view class="a-section a-topic" wx:if="topics.length > 0" hidden="{{topics.length <= 0}}">
      <view class="h">
        <view>
          <navigator url="/pages/topic/topic">
            <text class="txt">专题精选</text>
          </navigator>
        </view>
      </view>
      <view class="b">
        <view class="list">
          <view class="item" wx:for="{{topics}}" wx:for-index="index" wx:for-item="item" wx:key="id">
            <navigator url="/pages/topic/topicDetail/topicDetail?id={{item.id}}">
              <image class="img" src="{{item.gallery[0]}}" background-size="cover"></image>
              <view class="np">
                <text class="name">{{item.title}}</text>
                <text class="price">￥{{item.price}}元起</text>
              </view>
              <text class="desc">{{item.subtitle}}</text>
            </navigator>
          </view>
        </view>
        <navigator wx:if="topics.length > 0" url="/pages/topic/topic" class="t">
          <view class="txt">更多其他专题 ></view>
        </navigator>
      </view>


      <!--旧格式专题
    <view class="b">
      <scroll-view scroll-x class="list">
        <view class="item" wx:for="{{topics}}" wx:for-index="index" wx:for-item="item" wx:key="id">
          <navigator url="../topicDetail/topicDetail?id={{item.id}}">
            <image class="img" src="{{item.picUrl}}" background-size="cover"></image>
            <view class="np">
              <text class="name">{{item.title}}</text>
              <text class="price">￥{{item.price}}元起</text>
            </view>
            <text class="desc">{{item.subtitle}}</text>
          </navigator>
        </view>
      </scroll-view>
    <navigator url="/pages/category/category?id={{item.id}}" class="t">
      <view class="txt">{{'更多其他专题 >'}}</view>
    </navigator> 
    </view>-->
    </view>

    <!-- 关于鲸致 -->
    <view class="about-jz">
      <view class="popular-title">

        <view class="title-left">
          <view class="devide-bar"></view>
          <view class="title-text">关于鲸致生活</view>
        </view>

      </view>

      <!-- <view class="jz-feature">
        <view class="feature-item">
          <text>家庭服务</text>
          <text>知名品牌</text>
        </view>
        <view class="devide-line"></view>
        <view class="feature-item">
          <text>标准服务</text>
          <text>细致可见</text>
        </view>
        <view class="devide-line"></view>
        <view class="feature-item">
          <text>100万+</text>
          <text>家庭客户</text>
        </view>
        <view class="devide-line"></view>
        <view class="feature-item">
          <text>专业培训</text>
          <text>品质保证</text>
        </view>
        <view class="devide-line"></view>
        <view class="feature-item">
          <text>中国平安</text>
          <text>保险保障</text>
        </view>
      </view> -->

			<!-- poster="https://jzmall.lifejingzhi.com/file/jzmall-dy/video-poster.png"  -->
			<video class="jz-video" play-btn-position="bottom" src="https://media.lifejingzhi.com/sv/19c50f70-18f14278f8c/19c50f70-18f14278f8c.mp4" autoplay="{{false}}" show-play-btn="{{true}}" loop="{{false}}" controls 	object-fit="cover"></video>
			<view class="jz-about">
			   <view class="about-item">
					<image mode="aspectFill" src="https://jzmall.lifejingzhi.com/file/jzmall-dy/jzsh-about1.png" class="about-img"></image>
					<view class="middle-text">家庭服务</view>
					<view class="small-text">一站式家政服务</view>

				 </view>
				 <view class="about-item">
					<image mode="aspectFill" src="https://jzmall.lifejingzhi.com/file/jzmall-dy/jzsh-about2.png" class="about-img"></image>
					<view class="middle-text">标准服务</view>
					<view class="small-text">可视化验收标准</view>

				 </view>
				 <view class="about-item">
					<image mode="aspectFill" src="https://jzmall.lifejingzhi.com/file/jzmall-dy/jzsh-about1.png" class="about-img"></image>
					<view class="middle-text">值得信赖</view>
					<view class="small-text">100万+家庭客户</view>

				 </view>
				 <view class="about-item">
					<image mode="aspectFill" src="https://jzmall.lifejingzhi.com/file/jzmall-dy/jzsh-about1.png" class="about-img"></image>
					<view class="middle-text">专业培训</view>
					<view class="small-text">服务品质有保障</view>

				 </view>
				 <view class="about-item">
					<image mode="aspectFill" src="https://jzmall.lifejingzhi.com/file/jzmall-dy/jzsh-about1.png" class="about-img"></image>
					<view class="middle-text">保险保障</view>
					<view class="small-text">中国平安更保险</view>

				 </view>
			</view>

      <view class="jz-logo-wrapper">
        <image mode="widthFix" src="https://jzmall.lifejingzhi.com/file/jzmall-dy/jzsh-slogan.png" class="jz-logo"></image>
      </view>
      <!-- <view class="service-tel sub-color">
        <view>客服热线：</view>
        <view bindtap="callPhone" class="phone-wrapper">
             <text>400-921-8987</text>
             <van-icon class="right-icon" name="phone-o" />
        </view>
      </view>
      <view class="jz-company">上海宅洁仕网络科技有限公司</view> -->
    </view>


    <!--
  <view class="a-section a-topic" wx:if="topics.length > 0" hidden="{{topics.length <= 0}}">
    <view class="h">
      <view>
        <navigator url="/pages/topic/topic">
          <text class="txt">专题精选</text>
        </navigator>
      </view>
    </view>
    <view class="b">
      <scroll-view scroll-x class="list">
        <view class="item" wx:for="{{topics}}" wx:for-index="index" wx:for-item="item" wx:key="id">
          <navigator url="../topicDetail/topicDetail?id={{item.id}}">
            <image class="img" src="{{item.picUrl}}" background-size="cover"></image>
            <view class="np">
              <text class="name">{{item.title}}</text>
              <text class="price">￥{{item.price}}元起</text>
            </view>
            <text class="desc">{{item.subtitle}}</text>
          </navigator>
        </view>
      </scroll-view>
    </view>
  </view>


  <view class="good-grid" wx:for="{{floorGoods}}" wx:key="id">
    <view class="h">
      <text>{{item.name}}</text>
    </view>
    <view class="b">
      <block wx:for="{{item.goodsList}}" wx:for-index="iindex" wx:for-item="iitem" wx:key="id">
        <view class="item {{iindex % 2 == 0 ? '' : 'item-b'}}">
          <navigator url="../goods/goods?id={{iitem.id}}" class="a">
            <image class="img" src="{{iitem.picUrl}}" background-size="cover"></image>
            <text class="name">{{iitem.name}}</text>
            <text class="price">￥{{iitem.retailPrice}}</text>
          </navigator>
        </view>
      </block>
    </view>
    <navigator url="/pages/category/category?id={{item.id}}" class="t">
      <view class="txt">{{'更多'+item.name+'好物 >'}}</view>
    </navigator>
  </view>-->
  </view>


  <!--广告-->
  <!-- <view class="adv" bindtap='goinviteFriends'>
    <view  style="width:100%;height:100%">
      <image src="/static/images/active/xyhxd.jpg" style="width:100%;height:100%" /> 
    </view>
  </view> -->

  <!--弹窗 蒙城-->
  <view class="mask" catchtouchmove="preventTouchMove" wx:if="{{showModalStatus}}"></view>
  <!--弹窗-->
  <view class="modalDlg" wx:if="{{showModalStatus}}">
    <view class="huode">未使用优惠券</view>
    <view class="youhuiquan">{{couponsData.length}}张优惠券</view>
    <view class="table">
      <view class="line" wx:for="{{couponsData}}" wx:key="item" bindtap="gocoupon">
        <view class="left">
          <view style="font-size:36rpx;margin-top:20rpx">
            <span wx:if="{{item.voucherType==1}}">￥{{item.discount}}</span>
            <span wx:if="{{item.voucherType==2}}">{{item.discount/10}}折</span>
          </view>
          <view style="display: block;font-size:19rpx;">
            <!--{{item.name}}-->
            <span wx:if="{{item.voucherType==1}}">立减券</span>
            <span wx:if="{{item.voucherType==2}}">折扣券</span>
          </view>
          <view class="ljsy">立即使用</view>
        </view>
        <view class="right">
          <view class="mz">{{item.desc}}</view>
          <view class="sj">有效期致　{{item.endTime}}</view>
        </view>
      </view>
    </view>
    <button bindtap="gocoupon">立即使用</button>
    <view bindtap="guanbicoupon" class="guanbi">×</view>
  </view>

   <!-- 客服电话 -->
   <!-- <view class="phone-btn" bindtap="callPhone">
      <van-icon class="right-icon" name="phone-o" />
    </view> -->

		<contact-mov pageX="460" pageY="1000"></contact-mov>
</view>