ze-gw/components/BlogHome.vue

<template>
  <section class="blog-one blog-one__home thm-gray-bg" id="news">
    <div class="container">
      <div class="block-title text-center">
        <h2 class="block-title__title">我们的 <span>方式</span> <br> News & Articles.</h2><!-- /.block-title__title -->
      </div><!-- /.block-title -->
      <div class="row">
        <div class="col-lg-4 col-md-12 col-sm-12 wow fadeInUp" data-wow-duration="1500ms">
          <div class="blog-one__single">
            <div class="blog-one__image">
              <img src="/assets/images/blog/blog-1-1.jpg" alt="">
            </div><!-- /.blog-one__image -->
            <div class="blog-one__content">
              <ul class="list-unstyled blog-one__meta">
                <li><a href="#">对于品牌商</a></li>
                <!-- <li><a href="#">全数字化经营，驱动品牌智能发展</a></li> -->
              </ul><!-- /.list-unstyled -->
              <h3 class="blog-one__title">
                <nuxt-link to="/blog-details">全数字化经营，驱动品牌智能发展</nuxt-link>
              </h3><!-- /.blog-one__title -->
              <!-- <nuxt-link to="/blog-details" class="blog-one__link">Read More</nuxt-link>/.blog-one__link -->
            </div><!-- /.blog-one__content -->
          </div><!-- /.blog-one__single -->
        </div><!-- /.col-lg-4 -->
        <div class="col-lg-4 col-md-12 col-sm-12 wow fadeInDown" data-wow-duration="1500ms">
          <div class="blog-one__single">
            <div class="blog-one__image">
              <img src="/assets/images/blog/blog-1-2.jpg" alt="">
            </div><!-- /.blog-one__image -->
            <div class="blog-one__content">
              <ul class="list-unstyled blog-one__meta">
                <li><a href="#">对于管理者</a></li>
                <!-- <li><a href="#">2 Comments</a></li> -->
              </ul><!-- /.list-unstyled -->
              <h3 class="blog-one__title">
                <nuxt-link to="/blog-details">全数字化经营，驱动品牌智能发展</nuxt-link>
              </h3><!-- /.blog-one__title -->
              <!-- <nuxt-link to="/blog-details" class="blog-one__link">Read More</nuxt-link>/.blog-one__link -->
            </div><!-- /.blog-one__content -->
          </div><!-- /.blog-one__single -->
        </div><!-- /.col-lg-4 -->
        <div class="col-lg-4 col-md-12 col-sm-12 wow fadeInUp" data-wow-duration="1500ms">
          <div class="blog-one__single">
            <div class="blog-one__image">
              <img src="/assets/images/blog/blog-1-3.jpg" alt="">
            </div><!-- /.blog-one__image -->
            <div class="blog-one__content">
              <ul class="list-unstyled blog-one__meta">
                <li><a href="#">对于消费者</a></li>
                <!-- <li><a href="#">2 Comments</a></li> -->
              </ul><!-- /.list-unstyled -->
              <h3 class="blog-one__title">
                <nuxt-link to="/blog-details">商品销售信息及时有效共享，所以门店统一管理</nuxt-link>
              </h3><!-- /.blog-one__title -->
              <!-- <nuxt-link to="/blog-details" class="blog-one__link">Read More</nuxt-link>/.blog-one__link -->
            </div><!-- /.blog-one__content -->
          </div><!-- /.blog-one__single -->
        </div><!-- /.col-lg-4 -->
      </div><!-- /.row -->
    </div><!-- /.container -->
  </section>
</template>

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

<style scoped>

</style>