case.wxml 3.3 KB
<!--pages/case/case.wxml-->
<view class='case_wrap' >
    <!--banner  -->
    <view class='case_banner_box'>
        <swiper bindchange='swiperChange'
        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'  bindtouchstart="touchStart" bindtouchmove="touchMove" bindtouchend="touchEnd" >
        <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>