<template>
<Layout-Child>
    <div class='mt-6 w-11/12 mx-auto  break-all'>
       <div class="flex flex-col  mb-6 text-font-dark-blue">
           <div class="label">
               NFT名称
           </div>
           <div class="value-container h-11 leading-10 bg-font-light-black px-3 mt-2 rounded">
               {{this.$route.query.nftName}}
           </div>
        </div> 
        <div class="flex flex-col  text-font-dark-blue">
           <div class="label">
               转出地址
           </div>
           <div class="value-container h-20  flex flex-row items-center  bg-font-light-black px-3 mt-2 rounded">
               <div>
                    <van-image
                        width="45"
                        height="45"
                        lazy-load
                        show-loading
                        show-error
                        round
                        fit="cover"
                        :src='this.$route.query.avatar?this.$route.query.avatar:"/img/mokeImg/avatar.png"'
                    />
               </div>
               <div class=" px-3">
                   <div>张丽莉</div>
                   <div class=" text-xs">cbdusbvudbvubdvu45656464646bduvbduvbud</div>
               </div>
           </div>
        </div>  
    </div>
</Layout-Child>
</template>

<script lang="ts">
import Vue from 'vue';

export default Vue.extend({
    data(){
        return{

        }
    },
 
  components:{
       'Layout-Child':()=>import('@/layout/Child.vue')
  },
  computed:{
      getUserInfo(){
         return this.$util.userMsg.getUserMsg()     
      }
  }
});
</script>
