epdc-resident-mp-js/subpages/oneKeyService/pages/moduleList/moduleList.wxml

<wxs module="filter" src="../../../../utils/filter.wxs"></wxs>
<view class="dept-list">
  <!-- 视频图片 banner -->
  <view class="banner" wx:if="{{swiperBannerList.length > 0}}">
    <view class="page-section page-section-spacing swiper">
      <swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" circular="{{circular}}" interval="{{interval}}" duration="{{duration}}" bindchange="swiperChange">
        <block wx:for="{{swiperBannerList}}" wx:for-item="item" wx:for-index="index" wx:key="index">
          <swiper-item>
            <view data-banner="{{item}}">
              <view class="swiper-item" data-id="{{item.id}}">
                <image wx:if="{{item.imgUrl}}" class="banner-item" src='{{item.imgUrl}}' mode="aspectFill" />
                <block wx:elif="{{item.videoUrl}}">
                  <video id="video{{index}}" class="banner-item" src="{{item.videoUrl}}" title="{{item.title}}" bindcontrolstoggle="bindcontrolstoggle" bindpause="bindended" bindplay='bindplay' bindended='bindended' />
                  <view class="video-title" hidden="{{!showTitle}}">{{item.title}}</view>
                </block>
              </view>
            </view>
          </swiper-item>
        </block>
      </swiper>
      <!-- 重置小圆点的样式 -->
      <view class="dots">
        <block wx:for="{{ swiperBannerList }}" wx:key="index">
          <view class="dot {{index == currentSwiper ? ' active' : '' }}"></view>
        </block>
      </view>
    </view>
  </view>
  <!-- 1. 标题、部门、时间 -->
  <view class="type-1" wx:if="{{noticelist.length > 0 && moduleInfo.modulestyle == '1'}}">
    <view class="list-li" wx:for="{{noticelist}}" bindtap="toDetail" data-id="{{item.id}}" wx:for-index="index" wx:for-item="item" wx:key="index">
      <view class="item-name">{{item.noticeTitle}}</view>
      <view class="item-info">
        <image src="../../images/ic_zhengce.png" />
        <view class="street">{{item.deptName}}</view>
        <view class="time">{{item.noticeTime}}</view>
      </view>
    </view>
  </view>
  <!-- 2. 图标、模块类别名称 -->
  <view class="type-2" wx:if="{{modulelist.length > 0 && moduleInfo.modulestyle == '2'}}">
    <block wx:for="{{modulelist}}" wx:for-index="index" wx:for-item="item" wx:key="index">
      <view class="list-item" bindtap="navigateToType" data-info="{{item}}" wx:if="{{item.categoryType == 'module_category_type_module'}}">
        <view class="list-name">
          <image src="{{item.imgUrl}}" class="list-icon" />
          {{item.categoryName}}
        </view>
        <image src="../../images/right.png" class="list-arrow"></image>
      </view> 
            
      <move-btn button-top="{{item.startY}}"
                button-left="560" 
                button-width="178" 
                button-height="178" 
                img-url="{{item.imgUrl}}"
                bindmovebtnCallBack="toReportIssue" 
                data-code="{{item.categoryCode}}"
                wx:elif="{{item.categoryType == 'module_category_type_button'}}"></move-btn> 
    </block>
  </view>
  <!-- 3. 标题、内容 -->
  <view class="type-3" wx:if="{{noticelist.length > 0 && moduleInfo.modulestyle == '3'}}">
    <view class="list-item" wx:for="{{noticelist}}" bindtap="toDetail" data-id="{{item.id}}" wx:for-index="index" wx:for-item="item" wx:key="index">
      <view class="name">{{item.noticeTitle}}</view>
      <view class="info">
        <text>{{common.getStr(item.noticeContent)}}</text>
      </view>
    </view>
  </view>
  <!-- 5. 图片、标题、部门、时间 -->
  <view class="type-5" wx:if="{{noticelist.length > 0 && moduleInfo.modulestyle == '5'}}">
    <view class="list-all">
      <view class="list-item" wx:for="{{noticelist}}" data-id="{{item.id}}" bindtap="toDetail" wx:for-index="index" wx:for-item="item" wx:key="index">
        <image src="{{item.imgUrl}}"></image>
        <view class="item-info">
          <view class="item-info-name">{{item.noticeTitle}}</view>
          <view class="item-info-time">
            <text>{{item.deptName}}</text>
            <text>{{filter.formatTime(item.noticeTime, 'yyyy-MM-dd')}}</text>
          </view>
        </view>
      </view>
    </view>
  </view>
  <!-- 6. 图片、标题 -->
  <view class="type-6" wx:if="{{noticelist.length > 0 && moduleInfo.modulestyle == '6'}}">
    <view class="box">
      <view class="item" wx:for="{{noticelist}}" bindtap="toDetail" data-id="{{item.id}}" wx:for-index="index" wx:for-item="item" wx:key="index">
        <image src="{{item.imgUrl}}"></image>
        <view class="name">{{item.noticeTitle}}</view>
      </view>
    </view>
  </view>
  <!-- 7. 视频列表 -->
  <view class="type-7" wx:if="{{noticelist.length > 0 && moduleInfo.modulestyle == '7'}}">
    <view class="video-list">
      <block wx:for="{{noticelist}}" wx:for-index="index" wx:for-item="item" wx:key="index">
        <view class="video-item">
          <video id="videoItem{{index}}" src="{{item.noticeVideoUrl}}" title="{{item.noticeTitle}}" bindcontrolstoggle="videoitemtoggle" bindplay='videoitemplay' data-index="{{index}}" />
          <view class="video-title" hidden="{{!item.showTitle}}">{{item.noticeTitle}}</view>
        </view>
        <view class="video-line"></view>
      </block>
    </view>
  </view>
  <!-- 8. 顶部标签、通知列表 -->
  <view class="type-8" wx:if="{{newsCategoryList.length > 0 && moduleInfo.modulestyle == '8'}}">
    <view style="height:40rpx" wx:if="{{swiperBannerList.length > 0}}"></view>
    <news-list newsCategoryList="{{newsCategoryList}}" newsList="{{noticelist}}" preloadVisible="{{preloadVisible}}" bind:newsCategoryCallback="newsCategoryCallback"></news-list>
  </view>
  <!-- 9. 地址、拨打电话 -->
  <view class="type-9" wx:if="{{noticelist.length > 0 && moduleInfo.modulestyle == '9'}}">
    <view class="list-item" hover-class="none" hover-stop-propagation="false" wx:for-index="index" wx:for-item="item" wx:key="index" wx:for="{{noticelist}}">
        <view class="bottom" hover-class="none" hover-stop-propagation="false">
            <view class="name">联系电话：{{item.mobile}}</view>
            <image bindtap="mobile" data-mobile="{{item.mobile}}" class="" src="../../images/phone.png" />
        </view>
        <view class="line"></view>
        <view class="top-box" hover-class="none" hover-stop-propagation="false"><view class="top">{{item.noticeTitle}}</view></view>
    </view>
  </view>  
  <!-- 10. 图片、标题、时间 -->
  <view class="type-5" wx:if="{{noticelist.length > 0 && moduleInfo.modulestyle == '10'}}">
    <view class="list-all">
      <view class="list-item" wx:for="{{noticelist}}" data-id="{{item.id}}" bindtap="toDetail" wx:for-index="index" wx:for-item="item" wx:key="index">
        <image src="{{item.imgUrl}}"></image>
        <view class="item-info">
          <view class="item-info-name">{{item.noticeTitle}}</view>
          <view class="item-info-time">
            <text></text>
            <text>{{filter.formatTime(item.noticeTime, 'yyyy-MM-dd')}}</text>
          </view>
        </view>
      </view>
    </view>
  </view>
</view>
<complete-info-dialog completeInfoDialogVisible="{{completeInfoDialogVisible}}"></complete-info-dialog>
<load-more loadMoreType="{{loadMoreType}}" loadMoreVisible="{{loadMoreVisible && isLoadMore}}"></load-more>
<no-data isShow="{{nodata}}"></no-data>
<wxs module="common">
    module.exports.getStr = function(content) {
        return content.replace(getRegExp('<\/?.+?\/?>|[&nbsp;]','g'),'')
    }
</wxs>