PatrolPipelineNetwork_zdsz/pages/index/index.wxml

<!--index.wxml-->
<!-- 自定义顶部栏 -->
<view class="nav-bar">
  <view class="nav-barback"></view>
</view>
<!-- 占位，高度与顶部栏一样 -->
<view style="height:450rpx;"></view>
<view class="container">
  <view class="bg">
    <image src="../images/top_bg.png" class="img" mode="widthFix" />
  </view>

  <!-- 头部图片 -->
  <view class="head_banner wid15"></view>
  <!-- 快速跳转按钮 -->
  <view class="nav">
    <view class="item" bindtap="init_userInfo" data-fun="bindViewDaiBan">
      <image class="img" src="../images/nav_db.png" />
      <text>待办</text>
    </view>
    <view class="item" bindtap="init_userInfo" data-fun="bindViewQiYe">
      <image class="img" src="../images/nav_qy.png" />
      <text>企业</text>
    </view>
    <view class="item" bindtap="init_userInfo" data-fun="bindViewXunCha">
      <image class="img" src="../images/nav_xc.png" />
      <text>巡查</text>
    </view>
  </view>
  <!-- 分割线 -->
  <!-- 新手指南 使用攻略 -->
  <view class="top_banner">
<view class="fg_line">
  <image src="../images/line1.png"/>
</view>
    <p bindtap="init_userInfo" data-fun="bindViewXunjianimg">安全隐患</p>
    <h1 bindtap="init_userInfo" data-fun="bindViewXunjianimg">000,000</h1>
    <span bindtap="init_userInfo" data-fun="bindViewXunjianimg">- 急事办 -</span>

    <view class="xszn top_banner_btn" open-type="contact" style="width:unset" bindtap="bindViewNewComer">
      <span>新手指南</span>
      <i>newcomer</i>
    </view>
    <view class="sygl top_banner_btn" open-type="contact" style="width:unset" bindtap="bindViewIntroduction">
      <span>使用攻略</span>
    </view>
    <view class="fg_line">
      <image src="../images/line2.png"/>
    </view>
  </view>

  <!-- 通知公告 -->
  <view class="tzgg">
    <image class="img" src="../images/xcx_lb.png" />
    <b>[待办]</b>
    <text>隐患排查已整改，请核查！</text>
    <view class="more" bindtap="bindViewGengDuo">更多></view>
  </view>
  <!-- 中间图片banner -->
  <!-- <view class="con_banner">
<image class="img" src="../images/banner.jpg" mode="widthFix"/>
</view> -->
  <swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}">
    <block wx:for="{{imgUrls}}">
      <swiper-item>
        <image src="{{item}}" class="slide-image" />
      </swiper-item>
    </block>
  </swiper>
  <!-- 应急通道 -->
  <view class="yjtd_vi">
    <view class="tittle">
      <image class="img" src="../images/yjtd.png" />
      <span>应急通道</span>
      <u>安全第一，预防为主！</u>
    </view>
    <view class="line2"></view>
    <view class="yjtd_icon">
      <view class="icon_vi">
      <view class="icon_bg icon_xg">
        <i class="iconfont icon-xunjiandian"></i>
      </view>
        <text>巡更</text>
      </view>
      <view class="icon_vi" bindtap="bindViewXunJian">
        <view class="icon_bg icon_xj">
        <i class="iconfont icon-xunjianjilu"></i>
      </view>
        <text>巡检</text>
      </view>
      <view class="icon_vi">
        <view class="icon_bg icon_yj">
        <i class="iconfont icon-yingjizhongxin"></i>
      </view>
        <text>应急</text>
      </view>
      <view class="icon_vi">
        <view class="icon_bg icon_hy">
        <i class="iconfont icon-huiyi"></i>
      </view>
        <text>会议</text>
      </view>
      <view class="icon_vi">
        <view class="icon_bg icon_wz">
        <i class="iconfont icon-wuzichubei"></i>
      </view>
        <text>物资</text>
      </view>
      <view class="icon_vi">
        <view class="icon_bg icon_ck">
        <i class="iconfont icon-cangkukucun"></i>
      </view>
        <text>仓库</text>
      </view>
      <view class="icon_vi">
        <view class="icon_bg icon_dw">
        <i class="iconfont icon-dangjian_duiwujianshe"></i>
      </view>
        <text>队伍</text>
      </view>
    </view>
  </view>

</view>