zz-gw/components/Features.vue

<template>
  <section class="service-one top-one" id="features">
    <div class="container">
      <div class="block-title text-center">
        <h2 class="block-title__title">网络赋能，重建消费链接</h2><!-- /.block-title__title -->
      </div><!-- /.block-title -->
      <div class="row">
        <div class="col-lg-3 col-md-6 col-sm-12 wow fadeInUp" data-wow-duration="1500ms">
          <div class="service-one__single text-center">
            <div class="service-one__inner">
              <i class="service-one__icon dimon-icon-laptop"></i>
              <h3><a href="#">电商零售 </a></h3>
              <p>微商城 <br> 智慧零售 <br> 无人零售 <br> 私域广告</p>
              <a href="#" class="service-one__link"><i class="dimon-icon-right-arrow"></i></a>
            </div><!-- /.service-one__inner -->
          </div><!-- /.service-one__single -->
        </div><!-- /.col-lg-3 col-md-6 col-sm-12 -->
        <div class="col-lg-3 col-md-6 col-sm-12 wow fadeInDown" data-wow-duration="1500ms">
          <div class="service-one__single text-center">
            <div class="service-one__inner">
              <i class="service-one__icon dimon-icon-presentation"></i>
              <h3><a href="#">餐饮外卖 </a></h3>
              <p>智慧餐厅 <br> 智慧管家 <br> 优选小店 <br> 优选餐品</p>
              <a href="#" class="service-one__link"><i class="dimon-icon-right-arrow"></i></a>
            </div><!-- /.service-one__inner -->
          </div><!-- /.service-one__single -->
        </div><!-- /.col-lg-3 col-md-6 col-sm-12 -->
        <div class="col-lg-3 col-md-6 col-sm-12 wow fadeInUp" data-wow-duration="1500ms">
          <div class="service-one__single text-center">
            <div class="service-one__inner">
              <i class="service-one__icon dimon-icon-target"></i>
              <h3><a href="#">本地生活 </a></h3>
              <p>智选房源 <br> 惬意学车 <br> 轻松旅游 <br> 特价酒店</p>
              <a href="#" class="service-one__link"><i class="dimon-icon-right-arrow"></i></a>
            </div><!-- /.service-one__inner -->
          </div><!-- /.service-one__single -->
        </div><!-- /.col-lg-3 col-md-6 col-sm-12 -->
        <div class="col-lg-3 col-md-6 col-sm-12 wow fadeInDown" data-wow-duration="1500ms">
          <div class="service-one__single text-center">
            <div class="service-one__inner">
              <i class="service-one__icon dimon-icon-visualization"></i>
              <h3><a href="#">增值服务 </a></h3>
              <p>广告服务 <br> 定制开发 <br> 分销市场 <br> 代运营</p>
              <a href="#" class="service-one__link"><i class="dimon-icon-right-arrow"></i></a>
            </div><!-- /.service-one__inner -->
          </div><!-- /.service-one__single -->
        </div><!-- /.col-lg-3 col-md-6 col-sm-12 -->
      </div><!-- /.row -->
    </div><!-- /.container -->
  </section>
</template>

<script>
    export default {
      name: "Featires"
    }
</script>

<style scoped>
  .top-one{
    margin-top: 120px;
  }
</style>