fohow_xcx/pages/home/home.wxml

<view class="bg">
  <!-- <view class="newyear" bindtap="newyear">新年入口</view> -->
  <view class="home">
    <view class="swiper-container">
      <swiper class="swiper" indicator-dots="{{swiper.indicatorDots}}" current="{{swiperCurrent}}" indicator-color="#fff" indicator-active-color="#eab86a" autoplay="{{swiper.autoplay}}" interval="{{swiper.interval}}">
        <block wx:for="{{bannerList}}" wx:key="{{index}}">
          <swiper-item>
            <image src="{{item.img}}" class="swiperImage" bindtap="toColumn" data-val="{{item}}" />
          </swiper-item>
        </block>
      </swiper>
      <!--current="{{swiperCurrent}}"-->
      <!--<view class="swiper-dots">
        <block wx:for="{{bannerList}}" wx:key="{{index}}">
          <view class="swiper-dot {{index == swiperCurrent ? 'swiper-active' : ''}}"></view>
        </block>
      </view>-->
    </view>
    <view class="selectitem" wx:if="{{iconslist.length > 0}}">
      <view wx:key="{{index}}" wx:for="{{iconslist}}">
        <!--<navigator url="{{item.url}}" hover-class="none" open-type="switchTab" wx:if="{{}}">
        </navigator>-->
        <view bindtap="toview" data-val="{{item}}">
          <image src="{{item.cover}}" class="item-index" />
          <view class="item-name">{{item.name}}</view>
        </view>
      </view>
      <view bindtap="todz">
        <image src="https://fohow.oss-cn-shenzhen.aliyuncs.com/navigate_icon_config/7427d1a0.jpg" class="item-index" />
        <view class="item-name" wx:if="{{userinfo.rank < 2}}">申请店长</view>
        <view class="item-name" wx:if="{{userinfo.rank == 2}}">店长专区</view>
      </view>
      
      <view bindtap="toabout">
        <image src="http://fohow.oss-cn-shenzhen.aliyuncs.com/navigation_icons/about.png" class="item-index" />
        <view class="item-name">关于商城</view>
      </view>
      <view bindtap="topyq">
        <image src="http://fohow.oss-cn-shenzhen.aliyuncs.com/navigation_icons/pyq.png" class="item-index" />
        <view class="item-name">发圈素材</view>
      </view>
    </view>
    <view class="column" wx:if="{{vershow}}" wx:if="{{firstProject.length > 0}}">
      <view class="first-project">
          <image src="{{item.cover}}" wx:key="{{index}}" wx:for="{{firstProject}}" bindtap="toColumn" data-val="{{item}}" class="first-project__image" />
        <view class="clean"></view>
      </view>
      <view class="second-project">
          <image src="{{item.cover}}" wx:key="{{index}}" wx:for="{{secondProject}}" bindtap="toColumn" data-val="{{item}}" class="second-project__image" />
        <view class="clean"></view>
      </view>
    </view>
    <view class="seckill" wx:if="{{seckilltimelist.length > 0}}">
      <view class="seckill-top">
        <view class="seckill-title">
          <view class="seckill-time">
            <view wx:if="{{changeshow === 'seckill'}}">
              <view class="time-click">
                <!--<view class="time-item time-kuang1">{{msecond}}</view>-->
                <view class="time-item time-kuang">{{second}}</view>
                <view class="time-item time-color"> : </view>
                <view class="time-item time-kuang">{{min}}</view>
                <view class="time-item time-color"> : </view>
                <view class="time-item time-kuang">{{hour}}</view>
              </view>
              <view class="time-text">本期剩余时间</view>
            </view>
            <view wx:if="{{changeshow === 'end'}}">
              <view class="time-text" style="font-weight:600;padding-right:0">本期已结束</view>
            </view>
            <view wx:if="{{changeshow === 'none'}}">
              <view class="time-text" style="font-weight:600;padding-right:0">暂无秒杀</view>
            </view>
            <view wx:if="{{changeshow === 'preparing'}}">
              <view wx:if="{{showtime == 12}}" class="time-text" style="font-weight:600;padding-right:0">当天<text style="color:#f85550">中午{{showtime}}点</text>开始 , 敬请期待 ! </view>
              <view wx:if="{{showtime < 12}}" class="time-text" style="font-weight:600;padding-right:0">当天<text style="color:#f85550">早上{{showtime}}点</text>开始 , 敬请期待 ! </view>
              <view wx:if="{{showtime > 12 && showtime <= 18}}" class="time-text" style="font-weight:600;padding-right:0">当天<text style="color:#f85550">下午{{showtime}}点</text>开始 , 敬请期待 ! </view>
              <view wx:if="{{showtime > 18}}" class="time-text" style="font-weight:600;padding-right:0">当天<text style="color:#f85550">晚上{{showtime}}点</text>开始 , 敬请期待 ! </view>
            </view>
          </view>
        </view>
        <view><image src="http://fohow.oss-cn-shenzhen.aliyuncs.com/neverse/seckill.png" class="seckill-img" /></view>
      </view>
      <view class="seckill-scrol">
        <scroll-view scroll-x="true" class="time-nav" scroll-into-view="{{toView}}" scroll-left="{{navScrollLeft}}" scroll-with-animation="{{true}}">
          <view class="time-part" wx:for="{{seckilltimelist}}" wx:for-index="idx" wx:key="{{idx}}" id="a{{item.date_format}}">
            <view class="{{currentTab === item.date_format ?'active':''}}" data-val="{{idx}}" data-current="{{item.state}}" data-showtime="{{item.start_time}}" data-time="{{item.date_format}}" wx:show="{{!change}}" bindtap="switchtime">
            <view class="{{currentTab === idx ?'active':''}}" data-val="{{idx}}" data-current="{{item.state}}" data-showtime="{{item.start_time}}" data-time="{{item.date_format}}" wx:show="{{change}}" bindtap="switchtime">
              <view class="part-text"><format-time type="formatmonth2" value="{{item.date}}"></format-time></view>
              <view class="part-text1">{{item.state_cn}}</view>
              <view class="{{currentTab === item.date_format ?'part-bottom':''}}" wx:show="{{!change}}"></view>
              <view class="{{currentTab === idx ?'part-bottom':''}}" wx:show="{{change}}"></view>
            </view>
            </view>
          </view>
        </scroll-view>
      </view>
      <view>
        <view class="seckill-teambuy" wx:if="{{false}}">
          <view class="teambuy-top">
            <view class="teambuy-top-left">
              <image src="" class="teambuy-buyimg" />
            </view>
            <view class="teambuy-top-right">
              <view class="teambuy-buytext">限时特价团购</view>
              <view class="teambuy-buytext1">￥88.88</view>
              <view class="teambuy-buytext2">￥128.88</view>
            </view>
            <view class="clear"></view>
          </view>
          <view class="teambuy-bottom">
            <view class="teambuy-bottom-left">
              <view class="teambuy-bottom-title">
                啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦
              </view>
              <view>
                <view>
                  <image class="teambuy-bottom-shopcar" src="http://fohow.oss-cn-shenzhen.aliyuncs.com/neverse/shopcar.png" />
                </view>
                <view class="teambuy-bottom-shoptext">
                  剩余888份
                </view>
                <view class="clear"></view>
              </view>
            </view>
            <view class="teambuy-bottom-right">
              <view class="teambuy-bottom-btn">立即抢购</view>
            </view>
            <view class="clear"></view>
          </view>
        </view>
        <view class="seckill-project" wx:if="{{killgoodslist.length > 0}}" wx:for="{{killgoodslist}}" wx:key="{{index}}" bindtap="toProject" data-val="{{item.id}}">
          <view class="seckill-project-left">
            <image class="seckill-project-img" src="{{item.cover}}" />
          </view>
          <view class="seckill-project-right">
            <!--<view class="seckill-project-text">限时特价单品</view>-->
            <!--<view class="seckill-project-text1">啦啦啦啦啦啦啦啦啦啦拉拉拉拉拉拉啊啦啦啊拉拉啊啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦</view>-->
            <view class="seckill-project-text1">{{item.name}}</view>
            <view class="seckill-project-text2">已售出{{item.sold_count}}件</view>
            <view>
              <view class="seckill-project-moneypart">
                <view class="seckill-moneypart-text">￥{{item.price / 100}}</view>
                <view class="seckill-moneypart-text1">￥{{item.seckill_show_price / 100}}</view>
              </view>
              <view class="seckill-project-btnpart">
                <view class="seckill-project-btn" wx:if="{{item.seckill_state === 'seckill' && leftTime > 0 && item.left_count > 0}}">立即抢购</view>
                <view class="seckill-project-btn othercolor" wx:if="{{item.seckill_state === 'preparing'}}" bindtap="toProject" data-val="{{item.id}}">准备中...</view>
                <view class="seckill-project-btn othercolor1" wx:if="{{item.seckill_state === 'end' || leftTime < 0}}" bindtap="toProject" data-val="{{item.id}}">秒杀结束</view>
                <view class="seckill-project-btn othercolor2" wx:if="{{item.seckill_state === 'seckill' && item.left_count <= 0 && leftTime > 0}}" bindtap="toProject" data-val="{{item.id}}">已售罄</view>
              </view>
            </view>
          </view>
        </view>
        <view class="seckill-no" wx:if="{{killgoodslist.length == 0}}">
          <image src="http://fohow.oss-cn-shenzhen.aliyuncs.com/home/no.png" class="seckill-no-img"/>
          <!--<view class="seckill-no-text">暂无秒杀活动</view>-->
        </view>
      </view>
    </view>
    
    <!--
    <view class="teamshopping" wx:if="{{zhunongList.length}}">
      <view class="teamshopping-title"></view>
      <view><image src="http://fohow.oss-cn-shenzhen.aliyuncs.com/neverse/teambuy.png" class="teamshopping-titleimg" /></view>
      <view class="teamshopping-item" wx:key="{{index}}" wx:for="{{zhunongList}}" data-val="{{item.id}}" data-state="{{item.state}}" bindtap="toZhunong">
        <view class="teamshopping-top">
          <view class="teamshopping-topleft">
            <image src="{{item.thumb_img}}" class="teamshopping-img" />
          </view>
          <view class="teamshopping-topright">
            <view class="circle" wx:if="{{percent[index]  <= 50.00 }}">
              <view class="circle_left" style="transform:rotate({{0}}deg)">
                <view class="clip_left"></view>
              </view>
              <view class="circle_right" style="transform:rotate({{percent[index] * 3.6 }}deg);background:#eee">
                <view class="clip_right"></view>
              </view>
              <view class="mask">
                <text>{{percent[index]}}</text>%
              </view>
            </view>
            <view class="circle" wx:if="{{percent[index] >= 100.00}}">
              <view class="circle_left" style="transform:rotate({{(100-50) * 3.6}}deg)">
                <view class="clip_left"></view>
              </view>
              <view class="circle_right" style="transform:rotate({{0}}deg);background:#ff7655">
                <view class="clip_right"></view>
              </view>
              <view class="mask">
                <text>{{percent[index]}}</text>%
              </view>
            </view>
            <view class="circle" wx:if="{{percent[index] > 50.00 && percent[index] < 100.00}}">
              <view class="circle_left" style="transform:rotate({{(percent[index]-50) * 3.6}}deg)">
                <view class="clip_left"></view>
              </view>
              <view class="circle_right" style="transform:rotate({{0}}deg);background:#ff7655">
                <view class="clip_right"></view>
              </view>
              <view class="mask">
                <text>{{percent[index]}}</text>%
              </view>
            </view>
            <view class="end">完成度</view>
            <view class="clean"></view>
          </view>
          <view class="clear"></view>
        </view>
        <view class="teamshopping-bottom">
          <view class="teamshopping-name">{{item.title}}</view>
          <view class="teamshopping-moneypart">
            <view class="teamshopping-text">单价</view>
            <view class="teamshopping-text3">{{item.min_project_way_price / 100}}</view>
            <view class="teamshopping-text1">元起</view>
            <view class="teamshopping-text2" wx:if="{{item.state !== 2}}">
              <text wx:if="{{item.left_copies_min === item.left_copies_max}}">剩余份数 {{item.left_copies_min}}份</text>
              <text wx:if="{{item.left_copies_min !== item.left_copies_max && !item.left_copies_min}}">剩余份数 {{item.left_copies_max}}份</text>
              <text wx:if="{{item.left_copies_min !== item.left_copies_max && item.left_copies_min}}">剩余份数 {{item.left_copies_min}}~{{item.left_copies_max}}份</text>
            </view>
            <view class="teamshopping-text2" wx:if="{{item.state === 2}}">
              <text wx:if="{{item.min_funding === item.max_funding}}">共团购 {{item.current_funding / item.unit_price}}份</text>
              <text wx:if="{{item.min_funding !== item.max_funding}}">共团购 {{item.min_funding / item.unit_price}} ~ {{item.current_funding / item.unit_price}}份</text>
            </view>
            <view class="project-jizhu" wx:if="{{item.state === 1}}">进行中</view>
            <view class="project-no" wx:if="{{item.state === 0}}">未开始</view>
            <view class="project-chenggong" wx:if="{{item.state === 2}}">已完成</view>
            <view class="clear"></view>
          </view>
        </view>
      </view>
    </view>
    -->
<!--     <view class="recommend">
      <text class="recommend-title">首选商品</text>
      <view class="recommend-bg">
        <view>
          <image class="recommend-image" src="{{recommend.url}}"></image>
          <view class="recommend-info">
            <text class="recommend-projectTitle ellipsisLn">{{recommend.title}}</text>
            <view class="recommend-price">{{recommend.price / 100}}元</view>
            <view class="recommend-point">(或{{recommend.point}}代金券)</view>
          </view>
          <view class="clean"></view>
        </view>
        <navigator url="../projects/projects" open-type="switchTab" class="recommend-more">查看详情</navigator>
      </view>
    </view> -->

    
    <!--<view class="projects" wx:if="{{zhunongList.length}}">
      <view class="projects-title">—————————　<text style="color: #98a4b0">团购优选</text>　—————————</view>
      <view class="projectbg">
        <view class="project1" wx:key="{{index}}" wx:for="{{zhunongList}}" data-val="{{item.id}}" data-state="{{item.state}}" bindtap="toZhunong">
          <image class="project-image" src="{{item.thumb_img}}"></image>
          <view class="project-describe">
            <view class="project-title1">{{item.title}}</view>
            <view class="project-count1" wx:if="{{item.state !== 2}}">
              <text wx:if="{{item.left_copies_min === item.left_copies_max}}">剩余份数 {{item.left_copies_min}}份</text>
              <text wx:if="{{item.left_copies_min !== item.left_copies_max && !item.left_copies_min}}">剩余份数 {{item.left_copies_max}}份</text>
              <text wx:if="{{item.left_copies_min !== item.left_copies_max && item.left_copies_min}}">剩余份数 {{item.left_copies_min}}~{{item.left_copies_max}}份</text>
            </view>
            <view class="project-count1" wx:if="{{item.state === 2}}">
              <text wx:if="{{item.min_funding === item.max_funding}}">共团购 {{item.current_funding / item.unit_price}}份</text>
              <text wx:if="{{item.min_funding !== item.max_funding}}">共团购 {{item.min_funding / item.unit_price}} ~ {{item.current_funding / item.unit_price}}份</text>
            </view>
            <view class="project-price1"><text style="color:#bbbbbb;padding-right:30rpx">单价</text><text style="font-size: 35rpx">{{item.min_project_way_price / 100}}</text> 元起</view>
            <view class="clean"></view>
          </view>
          <view class="project-jizhu" wx:if="{{item.state === 1}}">{{item.state_cn}}</view>
          <view class="project-no" wx:if="{{item.state === 0}}">{{item.state_cn}}</view>
          <view class="project-chenggong" wx:if="{{item.state === 2}}">{{item.state_cn}}</view>
          <view class="project-jieshu" wx:if="{{item.state === 3}}">{{item.state_cn}}</view>
          <view class="project-tuikuan" wx:if="{{item.state === 4}}">{{item.state_cn}}</view>
          <view class="clean"></view>
          <view class="project-jindu">
            <view class="jindu">进度</view>
            <progress style="flex:5;" percent="{{percent[index]}}" stroke-width="10" activeColor="#fe7554"/>
            <view class="jindu-percent">{{percent[index]}}%</view>
          </view>
        </view>
      </view>
    </view>-->
    <!--
      <text class="jindu">进度</text>
      <progress percent="{{percent[index]}}" stroke-width="10" activeColor="#fe7554"/>
      <text class="jindu-percent">{{percent[index]}}%</text>-->

    <view class="projects">
      <!--<view class="projects-title">—————————　<text style="color: #98a4b0">精选推荐</text>　—————————</view>-->
      <view class="newprojects-title"></view>
      <view><image src="http://fohow.oss-cn-shenzhen.aliyuncs.com/neverse/goods.png" class="newprojects-titleimg" /></view>
      <view class="projectbg">
        <view class="project" wx:key="{{index}}" wx:for="{{productsList}}">
         <view wx:if="{{!item.video_state}}" bindtap="toProject" data-val="{{item.id}}">
          <view class="project-left">
            <view class="project-title ellipsisLn">{{item.name}}</view>

            <view class="project-count">已售{{item.sold_count}}件</view>
            <image wx:if="{{item.seckill_state === 'seckill'}}" src="http://fohow.oss-cn-shenzhen.aliyuncs.com/xcx/image/icon/miaosha.png" class="project-miaosha"/>
            <view class="project-price" style="padding-top:20rpx;color: #999;text-decoration: line-through;font-size: 23rpx;">零售价：<currency symbol="￥" value="{{item.user_sale_price}}" /><!-- <currency symbol="￥" value="{{item.price}}" wx:if="{{balance === 0 || balance < item.price}}"></currency><text wx:if="{{balance !== 0 && balance >= item.price}}" class="project-point">{{item.price}}代金券</text> --></view>
            <view class="project-price" style="float: left;padding-top:10rpx;width:50%;font-size: 35rpx;"><currency symbol="￥" value="{{item.price}}" /><!-- <currency symbol="￥" value="{{item.price}}" wx:if="{{balance === 0 || balance < item.price}}"></currency><text wx:if="{{balance !== 0 && balance >= item.price}}" class="project-point">{{item.price}}代金券</text> --></view>
            <!--<image wx:if="{{item.mall_balance_price}}" src="http://fohow.oss-cn-shenzhen.aliyuncs.com/xcx/image/icon/integralpay_icon.png" style="float: right;width: 30rpx;height: 30rpx;margin-left: 5rpx;margin-top: 95rpx;"></image>
            <image wx:if="{{item.robo_balance_price}}" src="http://fohow.oss-cn-shenzhen.aliyuncs.com/xcx/image/icon/rabbitpay_icon.png" style="float: right;width: 30rpx;height: 30rpx;margin-top: 94rpx;"></image>
            <image wx:if="{{item.price}}" src="http://fohow.oss-cn-shenzhen.aliyuncs.com/xcx/image/icon/weixinpay.png" style="float: right;width: 30rpx;height: 30rpx;margin-top: 94rpx;margin-right: 5rpx;"></image>-->
            <view class="clear"></view>
          </view>
          <image class="project-right" src="{{item.cover}}"></image>
          <view class="project-out" wx:if="{{item.left_count <= 0}}"></view>
          <view class="project-green" wx:if="{{item.is_support_poor === 1}}"></view>
          <view class="project-stop" wx:if="{{todaysend < item.deliver_start_time && todaysend > item.deliver_stop_time}}">将于<format-time type="formatmonth2" value="{{item.deliver_start_time}}"></format-time>发货</view>
          <view class="clean"></view>
         </view>
         <view wx:else class="video-box">
          <video class="project-video" custom-cache="{{false}}" bindtap='videoTap' data-index="{{index}}"  id='video{{index}}' show-fullscreen-btn="{{false}}" enable-progress-gesture="{{false}}" src="{{item.video_url}}" controls="{{false}}" show-center-play-btn='{{false}}'>
          	<cover-image class="playImg" src="../../images/footer/play.png"  wx:if="{{!item.video_play}}"></cover-image>
          </video>
          <view class="project-title ellipsisLn">{{item.name}}</view>
          <view class="project-price" style="color: #999;text-decoration: line-through;font-size: 23rpx;">零售价：<currency symbol="￥" value="{{item.user_sale_price}}" /><!-- <currency symbol="￥" value="{{item.price}}" wx:if="{{balance === 0 || balance < item.price}}"></currency><text wx:if="{{balance !== 0 && balance >= item.price}}" class="project-point">{{item.price}}代金券</text> --></view>
          <view class="project-price" style="float: left;font-size:35rpx;"><currency symbol="￥" value="{{item.price}}" /><!-- <currency symbol="￥" value="{{item.price}}" wx:if="{{balance === 0 || balance < item.price}}"></currency><text wx:if="{{balance !== 0 && balance >= item.price}}" class="project-point">{{item.price}}代金券</text> --></view>
          <view class="project-count">已售{{item.sold_count}}件</view>
           <image wx:if="{{item.seckill_state === 'seckill'}}" src="http://fohow.oss-cn-shenzhen.aliyuncs.com/xcx/image/icon/miaosha.png" class="project-miaosha"/>
          <view class="project-out" wx:if="{{item.left_count <= 0}}"></view>
          <view class="project-green" wx:if="{{item.is_support_poor === 1}}"></view>
          <view class="project-stop" wx:if="{{todaysend < item.deliver_start_time && todaysend > item.deliver_stop_time}}">将于<format-time type="formatmonth2" value="{{item.deliver_start_time}}"></format-time>发货</view>
          <view class="clean"></view>
          <button bindtap="toProject" data-val="{{item.id}}" class="video-buybtn">立即购买</button>
         </view>
        </view>
      </view>
    </view>

    <!--
    <image src="../../images/custom/kefu.png" bindtap="toCustom" class="kefu-icon"/>
    -->
  </view>
  
  <view><text wx:if="{{projects_more}}" style="text-align: center;padding: 10px;color: #999;display: block;margin-bottom: 15px;">正在努力加载...</text></view>
</view>