gcb_zc/pages/me/detailList.vue

<template>
  <div class="page_detail_list">
    <tit :tname="name"/>
    <!-- 明细 -->
    <div class="account_detail">
      <ul class="detail_list">
        <li count_item>
          <nuxt-link to="oneDetail">
            购买
            <span>1</span>条信息
            <i>2019-05-20 13:14</i>
          </nuxt-link>
        </li>
        <li count_item>
          <nuxt-link to="oneDetail">
            购买
            <span>时间</span>6个月
            <i>2019-05-20 13:14</i>
          </nuxt-link>
        </li>
        <li count_item>
          <nuxt-link to="oneDetail">
            续签
            <span>1</span>年
            <i>2019-05-20 13:14</i>
          </nuxt-link>
        </li>
        <li count_item>
          <nuxt-link to="oneDetail">
            购买
            <span>1</span>条信息
            <i>2019-05-20 13:14</i>
          </nuxt-link>
        </li>
        <li count_item>
          <nuxt-link to="oneDetail">
            购买
            <span>1</span>条信息
            <i>2019-05-20 13:14</i>
          </nuxt-link>
        </li>
        <li count_item>
          <nuxt-link to="oneDetail">
            购买
            <span>1</span>条信息
            <i>2019-05-20 13:14</i>
          </nuxt-link>
        </li>
        <li count_item>
          <nuxt-link to="oneDetail">
            购买
            <span>时间</span>6个月
            <i>2019-05-20 13:14</i>
          </nuxt-link>
        </li>
        <li count_item>
          <nuxt-link to="/">
            续签
            <span>1</span>年
            <i>2019-05-20 13:14</i>
          </nuxt-link>
        </li>
        <li count_item>
          <nuxt-link to="/">
            购买
            <span>1</span>条信息
            <i>2019-05-20 13:14</i>
          </nuxt-link>
        </li>
        <li count_item>
          <nuxt-link to="/">
            购买
            <span>1</span>条信息
            <i>2019-05-20 13:14</i>
          </nuxt-link>
        </li>
        <li count_item>
          <nuxt-link to="/">
            购买
            <span>1</span>条信息
            <i>2019-05-20 13:14</i>
          </nuxt-link>
        </li>
        <li count_item>
          <nuxt-link to="/">
            购买
            <span>时间</span>6个月
            <i>2019-05-20 13:14</i>
          </nuxt-link>
        </li>
        <li count_item>
          <nuxt-link to="/">
            续签
            <span>1</span>年
            <i>2019-05-20 13:14</i>
          </nuxt-link>
        </li>
        <li count_item>
          <nuxt-link to="/">
            购买
            <span>1</span>条信息
            <i>2019-05-20 13:14</i>
          </nuxt-link>
        </li>
        <li count_item>
          <nuxt-link to="/">
            购买
            <span>1</span>条信息
            <i>2019-05-20 13:14</i>
          </nuxt-link>
        </li>
      </ul>
    </div>
    <!-- end：明细 -->
  </div>
  <!-- 最外的盒子 -->
</template>


<script>
import '~/assets/new.scss' // 引入
import '~/static/css/style.css' // 引入
import tit from '~/components/titles.vue' // 引入

export default {
  data(){
    return{
      name:'明细列表'
    }
  },
  components:{
    tit
  }
}
</script>

<style>
body {
  background-color: #fff !important;
}
.page_detail_list {
  padding: 0 1.5rem;
}
</style>