index.wxml 5.0 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/shouye.png'></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' bindtap="tapName">
        <image src='http://pjq0ww1cj.bkt.clouddn.com/right.png'></image>
      </view>
    </swiper-item>
    <!-- 第二屏 -->
    <swiper-item>
      <view class='case_wrap'>
        <!--banner  -->
        <view class='case_banner_box'>
          <swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}" circular="{{circular}}">
            <block wx:for="{{imgUrls}}" wx:key>
              <swiper-item>
                <image src="{{item.url}}" data-id='{{item.category_id}}' bindtap='caseDetailFun' class="slide-image" width="100%" height="100%" />
              </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='drop_img'>
            <image src='http://pjq0ww1cj.bkt.clouddn.com/left.png' style='margin-right:200rpx;' bindtap='backFun'></image>
            <image src='http://pjq0ww1cj.bkt.clouddn.com/right.png' bindtap="jumpFun"></image>
          </view>
        </view>
        <!--  客服  -->
        <view class='chat_peo'>
          <button open-type="contact" class='contacButton'>
            <!-- <button open-type="contact" class='contacButton'> -->
            <image src='http://pjq0ww1cj.bkt.clouddn.com/chat_peo.png'></image>
            <!-- </button> -->
          </button>
        </view>

      </view>
    </swiper-item>
    <!-- 第三屏 -->
    <swiper-item style='position: relative'>
      <view class='app_lication_banner'>
        <swiper  autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}" circular="{{circular}}">
          <block wx:for="{{imgUrls}}" wx:key="index">
            <swiper-item>
              <!-- catchtouchmove="stopTouchMove" -->
              <image src="{{item.url}}" class="slide-image" width="100%" height="100%" />
            </swiper-item>
          </block>
        </swiper>
        <!-- <view class="dots">
          <block wx:for="{{imgUrls}}" wx:key="index">
            <view class="dot{{index == currentSwiper ? ' active' : ''}}"></view>
          </block>
        </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 class='aboutUs' wx:if='{{contact}}'>
        了解我们
      </view> 
</view>