gcb_zc/pages/me/oneDetail.vue

<template>
  <div class="one_detail">
    <tit :tname="name"/>
    <div class="detail_money">
      <p>500.00</p>
      <span>交易金额</span>
    </div>
    <ul class="detail_content">
      <li>
        <span>类型</span>
        <p>支出</p>
      </li>
      <li>
        <span>时间</span>
        <p>2019-05-20 13:14</p>
      </li>
      <li>
        <span>支付方式</span>
        <p>微信支付</p>
      </li>
      <li>
        <span>交易单号</span>
        <p>zc23466514564515665645</p>
      </li>
      <li>
        <span>项目</span>
        <p>招投标项目信息</p>
      </li>
    </ul>
  </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>