<template>
<Layout-Child>
    <div class=" w-11/12 mx-auto py-6 text-font-white flex mt-5">
        <div class="pr-5">
            <img :src="userData.avatar" alt="" class=" h-20 w-20 rounded-full">
        </div>
        <div class=" flex-1 ">
            <div class="  flex items-center">
                <div class="text-lg leading-10">{{userData.nickName}}</div>
                <app-tag text="未实名" :id="1" class=" bg-font-light-black ml-2" :disabled="true"></app-tag>
            </div>
            <div></div>
        </div>
    </div>
    <div class="w-11/12 mx-auto text-font-white leading-7">
        {{userData.signature}}
    </div>
</Layout-Child>
</template>

<script lang="ts">
import Vue from 'vue';
import { ActionSheet } from 'vant';

Vue.use(ActionSheet);
export default Vue.extend({
    data(){
        return{
            userData:this.$route.query
        }
    },
 
  components:{
       'Layout-Child':()=>import('@/layout/Child.vue'),
       "app-tag": () => import("@/components/common/Tag.vue"),
  },
  methods:{

  }
});
</script>
