zz-gw/components/FeaturesTwo.vue

<template>
  <section class="service-one margin" id="featurestwo">
    <div class="container">
      <div class="block-title text-center">
        <h2 class="block-title__title">我们的 <span>服务</span> <br> Our server.</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>专业答疑，贴心陪伴</p>
            </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>案例资讯，随时学习</p>
            </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>服务经理，全程指导</p>
            </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>装修/拍摄/代运营</p>
            </div><!-- /.service-one__inner -->
          </div><!-- /.service-one__single -->
        </div><!-- /.col-lg-3 col-md-6 col-sm-12 -->
      </div><!-- /.row -->
            <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>各种玩法，应有尽有</p>
            </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>产品动态，商家交流</p>
            </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>自营对接，抱团发展</p>
            </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>个性化需求，高度定制</p>
            </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>
  .margin{
    margin-top: 120px;
  }
</style>