<template>
  <div class="box-border w-auto border border-[#EEEEEE] rounded-6px border-solid bg-[#FFFFFF] px-30px py-21px mt-10px">
    <div class="flex flex-col justify-center text-[14px] text-[#333333] font-normal">
      <div class="mt-[6px] flex items-center">
        <img src="~/assets/images/qq-v2.png" alt="" srcset="" class="h-[35px] w-[34px]" />
        <div class="ml-[19px] w-50px">手机号</div>
        <div class="ml-[100px] flex items-center"><div class="w-[90px]">手机号码：</div><div class="w-[180px]">xxx</div></div>
        <div class="btn">绑定</div>
      </div>
      <div class="mt-[30px] flex items-center">
        <img src="~/assets/images/qq-v2.png" alt="" srcset="" class="h-[35px] w-[34px]" />
        <div class="ml-[19px] w-50px">QQ</div>
        <div class="ml-[100px] flex items-center"><div class="w-[90px]">QQ昵称：</div><div class="w-[180px]">xxx</div></div>
        <div class="btn">绑定</div>
      </div>
      <div class="mt-[30px] flex items-center">
        <img src="~/assets/images/weixin-v2.png" alt="" srcset="" class="h-[35px] w-[34px]" />
        <div class="ml-[19px] w-50px">微信</div>
        <div class="ml-[95px] flex items-center"><div class="w-[90px]">微信昵称：</div><div class="w-[180px]">xxx</div></div>
        <div class="btn">绑定</div>
      </div>
    </div>
  </div>
</template>

<script setup lang="ts"></script>
