zyuas.com/src/view/Solutions/SafetyApplication.vue

<template>
  <div id="SafetyApplication" class="content-block">
    <h2>应用场景</h2>
    <div class="row">
      <div class="col-xs-12 col-sm-12 col-md-12">
        <p class="lead">无人机安全巡检已广泛应用于多个行业领域，为安全生产保驾护航。</p>
      </div>
    </div>
    
    <div class="row">
      <div class="col-xs-12 col-sm-6 col-md-4 wow zoomIn">
        <div class="scenario-card">
          <div class="scenario-icon">
            <i class="glyphicon glyphicon-fire"></i>
          </div>
          <h4>化工园区</h4>
          <p>储罐区、生产装置区、管廊等区域的安全巡检，有毒有害气体检测。</p>
        </div>
      </div>
      <div class="col-xs-12 col-sm-6 col-md-4 wow zoomIn">
        <div class="scenario-card">
          <div class="scenario-icon">
            <i class="glyphicon glyphicon-flash"></i>
          </div>
          <h4>电力巡检</h4>
          <p>输电线路、变电站、配电设施等电力设备的巡检和故障排查。</p>
        </div>
      </div>
      <div class="col-xs-12 col-sm-6 col-md-4 wow zoomIn">
        <div class="scenario-card">
          <div class="scenario-icon">
            <i class="glyphicon glyphicon-road"></i>
          </div>
          <h4>交通设施</h4>
          <p>高速公路、桥梁、隧道等交通基础设施的安全监测。</p>
        </div>
      </div>
    </div>
    
    <div class="row" style="margin-top: 40px;">
      <div class="col-xs-12 col-sm-6 col-md-4 wow zoomIn">
        <div class="scenario-card">
          <div class="scenario-icon">
            <i class="glyphicon glyphicon-home"></i>
          </div>
          <h4>建筑工地</h4>
          <p>施工现场安全巡查，高空作业监控，隐患排查。</p>
        </div>
      </div>
      <div class="col-xs-12 col-sm-6 col-md-4 wow zoomIn">
        <div class="scenario-card">
          <div class="scenario-icon">
            <i class="glyphicon glyphicon-tint"></i>
          </div>
          <h4>水利设施</h4>
          <p>水库、堤坝、灌区等水利设施的安全监测和巡查。</p>
        </div>
      </div>
      <div class="col-xs-12 col-sm-6 col-md-4 wow zoomIn">
        <div class="scenario-card">
          <div class="scenario-icon">
            <i class="glyphicon glyphicon-tree-conifer"></i>
          </div>
          <h4>林业防火</h4>
          <p>林区火情监测、防火巡护、火场侦查等。</p>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "SafetyApplication"
};
</script>

<style scoped>
#SafetyApplication {
  padding: 20px 0;
}
</style>