index.wxml 5.5 KB
<!--index.wxml-->
<view class="container">
  <swiper bindchange='firstChange' indicator-dots="{{indicatorDots}}" interval="{{interval}}" duration="1500" circular='true' vertical='true'>

    <swiper-item>
      <view class='imgPolytope'>
        <image src='http://pjq0ww1cj.bkt.clouddn.com/ruiwang_zhutu1.png' class='index_zhutu'></image>
        <image src='http://pjq0ww1cj.bkt.clouddn.com/ruiwangfangkuai_1.png' class='image0 image01 heart01'></image>
        <image src='http://pjq0ww1cj.bkt.clouddn.com/ruiwangfangkuai_2.png' class='image0 image02 heart01'></image>
        <image src='http://pjq0ww1cj.bkt.clouddn.com/ruiwangfangkuai_3.png' class='image0 image03 heart01'></image>
        <image src='http://pjq0ww1cj.bkt.clouddn.com/ruiwangfangkuai_4.png' class='image0 image04 heart'></image>
        <image src='http://pjq0ww1cj.bkt.clouddn.com/ruiwangfangkuai_5.png' class='image0 image05 heart01'></image>
        <image src='http://pjq0ww1cj.bkt.clouddn.com/ruiwangfangkuai_6.png' class='image0 image06 heart02'></image>
        <image src='http://pjq0ww1cj.bkt.clouddn.com/ruiwangfangkuai_7.png' class='image0 image07 heart02'></image>
        <image src='http://pjq0ww1cj.bkt.clouddn.com/ruiwangfangkuai_8.png' class='image0 image08 heart02'></image>
        <image src='http://pjq0ww1cj.bkt.clouddn.com/ruiwangfangkuai_9.png' class='image0 image09 heart01'></image>
        <image src='http://pjq0ww1cj.bkt.clouddn.com/ruiwangfangkuai_10.png' class='image0 image10 heart02'></image>
        <image src='http://pjq0ww1cj.bkt.clouddn.com/fenxi.png' class='fenxi image0 heart'></image>
        <image src='http://pjq0ww1cj.bkt.clouddn.com/guankong.png' class='guankong image0 heart'></image>
        <image src='http://pjq0ww1cj.bkt.clouddn.com/jiaohu.png' class='jiaohu image0 heart'></image>
        <image src='http://pjq0ww1cj.bkt.clouddn.com/xiezuo.png' class='xiezuo image0 heart'></image>
      </view>
      <view class='index_title'>
        <view class='title init' animation="{{slide_up1}}">数据分析及可视化</view>
        <view class='content contentInit' animation="{{slide_up2}}">大数据探索商业价值的无限可能</view>
      </view>
      <view class='drop_img heart'>
        <image src='http://pjq0ww1cj.bkt.clouddn.com/drop.png'></image>
      </view>
    </swiper-item>
    <!-- 第二屏 -->
    <swiper-item>
      <view class='case_wrap'>
        <!--banner  -->
        <view class='case_banner_box' wx:if="{{caseStatus}}">
          <swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" bindchange="swiperChange" duration="{{duration}}" circular="true">
            <block wx:for="{{imgUrls}}" wx:key>
              <swiper-item>
                <!-- <view class='min_bg'></view> -->
                <view class='bg'>
                    <image src="{{item.url}}" data-id='{{item.category_id}}' bindtap='caseDetailFun' class="slide-image" width="100%" height="100%" />
                </view>
              </swiper-item>
            </block>
          </swiper>
          <view class="dots">
            <block wx:for="{{imgUrls}}" wx:key="">
              <view class="dot{{index == currentSwiper ? ' active' : ''}}"></view>
            </block>
          </view>
        </view>

        <!--案例类型  -->
        <view class='case_box' >
          <view class='case_title'>
            <view class='case_title_content'>
              <view class='case_contnet_line'></view>
              <view class='case_title_text'>案例类型</view>
            </view>
          </view>
          <view class='case_content'>
            <view class='case_list' data-html="政府案例" data-id='1' bindtap='goFun'>
              <image src='http://pjq0ww1cj.bkt.clouddn.com/zhengfu.png'></image>
              <view class='case_list_text'>政府</view>
            </view>
            <view class='case_list' data-html="地产案例" data-id='3' bindtap='goFun'>
              <image src='http://pjq0ww1cj.bkt.clouddn.com/dichan.png'></image>
              <view class='case_list_text'>地产</view>
            </view>
            <view class='case_list' data-html="制造案例" data-id='2' bindtap='goFun'>
              <image src='http://pjq0ww1cj.bkt.clouddn.com/zhizao.png'></image>
              <view class='case_list_text'>制造</view>
            </view>
            <view class='case_list' data-html="教育案例" data-id='5' bindtap='goFun'>
              <image src='http://pjq0ww1cj.bkt.clouddn.com/jiaoyu.png'></image>
              <view class='case_list_text'>教育</view>
            </view>
            <view class='case_list' data-html="物流案例" data-id='4' bindtap='goFun'>
              <image src='http://pjq0ww1cj.bkt.clouddn.com/jinrong.png'></image>
              <view class='case_list_text'>物流</view>
            </view>
            <view class='case_list' data-html="零售案例" data-id='6' bindtap='goFun'>
              <image src='http://pjq0ww1cj.bkt.clouddn.com/lingshou.png'></image>
              <view class='case_list_text'>零售</view>
            </view>
          </view>
          <view class='jump_btns'>
                <view class='jump_btn' bindtap='jumpApplicationFun'>应用场景</view>
                <view class='jump_btn' bindtap='jumpFun'>关于我们</view>
          </view>
        </view>
        <!--  客服  -->
        <view class='chat_peo'>
          <button open-type="contact" class='contacButton'>
            <image src='http://pjq0ww1cj.bkt.clouddn.com/chat_peo.png'></image>
          </button>
        </view>

      </view>
    </swiper-item>
  </swiper>
</view>