gcb_zc/pages/index.vue

<template>
  <section class="bid">
    <div class="search">
      <input type="text" placeholder="请输入搜索内容">
      <span @click="Subscribe">我的订阅</span>
    </div>
    <sel/>
    <ul class="bidlist">
      <nuxt-link to="/bidding">
        <li>
          <h2>喷口内径测量规招标公告</h2>
          <p class="p1">
            喷口内径测量规招标公告。信息来源：中国招标投标公共服务
            平台。招标信息概览占位占位占位占位，占位占位。招标信息
            概览占位占位占位占位，占位占位。
          </p>
          <p class="p2">
            <span class="label">2000万</span>
            <span class="time">2019-05-20</span>
          </p>
        </li>
      </nuxt-link>
      <nuxt-link to="/bidding">
        <li>
          <h2>喷口内径测量规招标公告</h2>
          <p class="p1">
            喷口内径测量规招标公告。信息来源：中国招标投标公共服务
            平台。招标信息概览占位占位占位占位，占位占位。招标信息
            概览占位占位占位占位，占位占位。
          </p>
          <p class="p2">
            <span class="label">2000万</span>
            <span class="time">2019-05-20</span>
          </p>
        </li>
      </nuxt-link>
      <nuxt-link to="/bidding">
        <li>
          <h2>喷口内径测量规招标公告</h2>
          <p class="p1">
            喷口内径测量规招标公告。信息来源：中国招标投标公共服务
            平台。招标信息概览占位占位占位占位，占位占位。招标信息
            概览占位占位占位占位，占位占位。
          </p>
          <p class="p2">
            <span class="label">2000万</span>
            <span class="time">2019-05-20</span>
          </p>
        </li>
      </nuxt-link>
      <nuxt-link to="/bidding">
        <li>
          <h2>喷口内径测量规招标公告</h2>
          <p class="p1">
            喷口内径测量规招标公告。信息来源：中国招标投标公共服务
            平台。招标信息概览占位占位占位占位，占位占位。招标信息
            概览占位占位占位占位，占位占位。
          </p>
          <p class="p2">
            <span class="label">2000万</span>
            <span class="time">2019-05-20</span>
          </p>
        </li>
      </nuxt-link>
      <nuxt-link to="/bidding">
        <li>
          <h2>喷口内径测量规招标公告</h2>
          <p class="p1">
            喷口内径测量规招标公告。信息来源：中国招标投标公共服务
            平台。招标信息概览占位占位占位占位，占位占位。招标信息
            概览占位占位占位占位，占位占位。
          </p>
          <p class="p2">
            <span class="label">2000万</span>
            <span class="time">2019-05-20</span>
          </p>
        </li>
      </nuxt-link>
    </ul>
  </section>
</template>

<script>
import sel from '~/components/select.vue'
export default {
  components: {
    sel
  },
  data() {
    return {
      author: '微信公众号 jinkey-love'
    }
  },
  methods: {
    Subscribe(e) {
      this.$router.push({ path: '/bidding/sub' })
    }
  }
}
</script>

<style>
.bid {
  height: 100%;
}
body  div {
  height: 100%;
}
.p1 {
  display: -webkit-box;
  /* -webkit-box-orient: vertical; */
  /*! autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
</style>