gcb_zc/pages/me/detailList.vue

<template>
  <div class="page_detail_list">

    <!-- 明细 -->
    <div class="account_detail">
       <ul class="detail_list">
         <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>
         <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>
         <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' // 引入

export default {
 
}
</script>

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