gcb_zc/pages/index.vue

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

<script>
import sel from '~/components/select.vue'
export default {
  components: {
    sel
  },
  data() {
    return {
      author: '微信公众号 jinkey-love'
    }
  },
  methods: {
    addTodo(e) {
      this.$store.commit('todos/add', e.target.value)
      e.target.value = ''
    }
  }
}
</script>

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