<template>
<div>
    <Myheader></Myheader>
      <div class="rc-top"></div>
         <div class="rc-max-width--xl rc-main ">
          <ul>
              <li v-for="(item,index) in userrecord" :key="index">
                     {{item.title}}
              </li>
          </ul>
          <ol>

              <li v-for="(item,index) in usermessage" :key="index">
                  <span>{{item.startDate}}</span>
                  <em>{{item.changeValue}}</em>
                  <i>{{item.remark}}</i>

              </li>
          </ol>

         </div> 

    <!-- <div class="rc-button">
       <div class="rc-order">
           <span>积分兑换</span>

       </div>

    </div> -->
  </div>
</template>

<script>
import Myheader from '~/components/header.vue' 
  import { memberAccount } from "../../ajax/getData";
export default {
   data(){
       return{
           userrecord:[
               {
                   title:'日期',
                  
               },
                {
                   title:'积分',
                  
               },
               {
                   title:'类型',
                  
               },

               
           ],

                 usermessage:[
               {
                   title:'2021-09-11',
                   rccord:'+100',
                   buycord:'购物积分'
                  
               },
                {
                   title:'2021-09-11',
                    rccord:'+100',
                   buycord:'购物积分'
                  
               },
               {
                   title:'2021-09-11',
                    rccord:'+100',
                   buycord:'购物积分'
                  
               },
                {
                   title:'2021-09-11',
                    rccord:'+100',
                   buycord:'购物积分'
                  
               },
                {
                   title:'2021-09-11',
                    rccord:'+100',
                   buycord:'购物积分'
                  
               },
               

               
           ]

       }
   },
   methods:{
     //请求猫
       async catmessage() {
            let user= JSON.parse(localStorage.getItem("userInfo"));
              let data = await memberAccount(user.data.id);
      if(data){
       this.usermessage=data.data;
       console.log(this.usermessage.data);
      }
    },
   },
   mounted(){
     this.catmessage();
  
   },
   components:{
    Myheader,
   },

}
</script>

<style lang="less" scoped>
@import url("../../assets/css/integral.less");
@import url("@/assets/css/global.less");


</style>